@bmxc/pami-react 0.0.0-stage → 0.1.0-beta.2

package/src/components.server.ts

@@ -0,0 +1,2438 @@
+'use client';
+
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent, type HydrateModule, type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
+
+import { type OrgChartSelectionChangeDetail, type OrgChartToggleDetail, type PamiAccordionCustomEvent, type PamiAccordionDragDetail, type PamiAccordionItemCustomEvent, type PamiAppBarCustomEvent, type PamiAreaChartCustomEvent, type PamiAutocompleteCustomEvent, type PamiAvatarCustomEvent, type PamiBarChartCustomEvent, type PamiBottomSheetCustomEvent, type PamiBreadcrumbItemCustomEvent, type PamiBreadcrumbSelectDetail, type PamiBreadcrumbsCustomEvent, type PamiBreadcrumbsExpandDetail, type PamiButtonChangeDetail, type PamiButtonClickDetail, type PamiButtonCustomEvent, type PamiButtonGroupChangeDetail, type PamiButtonGroupCustomEvent, type PamiCardCustomEvent, type PamiCardDragDetail, type PamiChartAxisClickDetail, type PamiChartClickDetail, type PamiChartHoverDetail, type PamiChartSeries, type PamiChartXYSeries, type PamiCheckboxCustomEvent, type PamiChipCustomEvent, type PamiColorPickerCustomEvent, type PamiDatePickerChangeDetail, type PamiDatePickerCustomEvent, type PamiDatePickerMenuOpenDetail, type PamiDatePickerMenuSelectDetail, type PamiDatePickerModeChangeDetail, type PamiDatePickerSelectedDetail, type PamiDatePickerViewChangeDetail, type PamiDialogCustomEvent, type PamiFabCustomEvent, type PamiFabMenuCustomEvent, type PamiFabMenuItemCustomEvent, type PamiIconButtonCustomEvent, type PamiLineChartCustomEvent, type PamiListCustomEvent, type PamiListItemCustomEvent, type PamiListItemExpandDetail, type PamiListSelectDetail, type PamiMenuCustomEvent, type PamiMenuItemCustomEvent, type PamiMultiSelectCustomEvent, type PamiNavigationBarCustomEvent, type PamiNavigationRailCustomEvent, type PamiNavigationRailTabCustomEvent, type PamiNavigationTabCustomEvent, type PamiNumberFieldChangeDetail, type PamiNumberFieldCustomEvent, type PamiOrganizationChartCustomEvent, type PamiOtpFieldCompleteDetail, type PamiOtpFieldCustomEvent, type PamiOtpFieldInvalidDetail, type PamiOtpFieldValidityDetail, type PamiPieChartCustomEvent, type PamiPieDatum, type PamiProgressIndicatorCustomEvent, type PamiRadioCustomEvent, type PamiRatingCustomEvent, type PamiSearchCustomEvent, type PamiSearchLeadingIconClickDetail, type PamiSearchTrailingIconClickDetail, type PamiSegmentedButtonCustomEvent, type PamiSegmentedButtonSetCustomEvent, type PamiSelectCustomEvent, type PamiSelectOptionCustomEvent, type PamiSideSheetCustomEvent, type PamiSliderCustomEvent, type PamiSliderDragDetail, type PamiSliderThumbDetail, type PamiSliderValueDetail, type PamiSnackbarCustomEvent, type PamiSparklineCustomEvent, type PamiSplitButtonCustomEvent, type PamiStepCustomEvent, type PamiStepperCustomEvent, type PamiSubMenuItemCustomEvent, type PamiSwitchCustomEvent, type PamiTabCustomEvent, type PamiTableCustomEvent, type PamiTablePaginationCustomEvent, type PamiTableRowCustomEvent, type PamiTableSelectionState, type PamiTableSortLabelCustomEvent, type PamiTableSortState, type PamiTabsCustomEvent, type PamiTextFieldCustomEvent, type PamiTimePickerChangeDetail, type PamiTimePickerCustomEvent, type PamiTimePickerModeChangeDetail, type PamiTooltipCustomEvent, type PamiTransferListCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiAccordionItem as PamiAccordionItemElement } from "@bmxc/pami-elements/dist/components/pami-accordion-item.js";
+import { PamiAccordion as PamiAccordionElement } from "@bmxc/pami-elements/dist/components/pami-accordion.js";
+import { PamiAppBar as PamiAppBarElement } from "@bmxc/pami-elements/dist/components/pami-app-bar.js";
+import { PamiAreaChart as PamiAreaChartElement } from "@bmxc/pami-elements/dist/components/pami-area-chart.js";
+import { PamiAutocomplete as PamiAutocompleteElement } from "@bmxc/pami-elements/dist/components/pami-autocomplete.js";
+import { PamiAvatar as PamiAvatarElement } from "@bmxc/pami-elements/dist/components/pami-avatar.js";
+import { PamiBadge as PamiBadgeElement } from "@bmxc/pami-elements/dist/components/pami-badge.js";
+import { PamiBarChart as PamiBarChartElement } from "@bmxc/pami-elements/dist/components/pami-bar-chart.js";
+import { PamiBottomSheet as PamiBottomSheetElement } from "@bmxc/pami-elements/dist/components/pami-bottom-sheet.js";
+import { PamiBreadcrumbItem as PamiBreadcrumbItemElement } from "@bmxc/pami-elements/dist/components/pami-breadcrumb-item.js";
+import { PamiBreadcrumbs as PamiBreadcrumbsElement } from "@bmxc/pami-elements/dist/components/pami-breadcrumbs.js";
+import { PamiButtonGroup as PamiButtonGroupElement } from "@bmxc/pami-elements/dist/components/pami-button-group.js";
+import { PamiButton as PamiButtonElement } from "@bmxc/pami-elements/dist/components/pami-button.js";
+import { PamiCallout as PamiCalloutElement } from "@bmxc/pami-elements/dist/components/pami-callout.js";
+import { PamiCard as PamiCardElement } from "@bmxc/pami-elements/dist/components/pami-card.js";
+import { PamiCheckbox as PamiCheckboxElement } from "@bmxc/pami-elements/dist/components/pami-checkbox.js";
+import { PamiChip as PamiChipElement } from "@bmxc/pami-elements/dist/components/pami-chip.js";
+import { PamiColorPicker as PamiColorPickerElement } from "@bmxc/pami-elements/dist/components/pami-color-picker.js";
+import { PamiDatePicker as PamiDatePickerElement } from "@bmxc/pami-elements/dist/components/pami-date-picker.js";
+import { PamiDialog as PamiDialogElement } from "@bmxc/pami-elements/dist/components/pami-dialog.js";
+import { PamiDivider as PamiDividerElement } from "@bmxc/pami-elements/dist/components/pami-divider.js";
+import { PamiFabMenuItem as PamiFabMenuItemElement } from "@bmxc/pami-elements/dist/components/pami-fab-menu-item.js";
+import { PamiFabMenu as PamiFabMenuElement } from "@bmxc/pami-elements/dist/components/pami-fab-menu.js";
+import { PamiFab as PamiFabElement } from "@bmxc/pami-elements/dist/components/pami-fab.js";
+import { PamiIconButton as PamiIconButtonElement } from "@bmxc/pami-elements/dist/components/pami-icon-button.js";
+import { PamiIcon as PamiIconElement } from "@bmxc/pami-elements/dist/components/pami-icon.js";
+import { PamiLineChart as PamiLineChartElement } from "@bmxc/pami-elements/dist/components/pami-line-chart.js";
+import { PamiListItem as PamiListItemElement } from "@bmxc/pami-elements/dist/components/pami-list-item.js";
+import { PamiList as PamiListElement } from "@bmxc/pami-elements/dist/components/pami-list.js";
+import { PamiLoadingIndicator as PamiLoadingIndicatorElement } from "@bmxc/pami-elements/dist/components/pami-loading-indicator.js";
+import { PamiMenuItemGroup as PamiMenuItemGroupElement } from "@bmxc/pami-elements/dist/components/pami-menu-item-group.js";
+import { PamiMenuItem as PamiMenuItemElement } from "@bmxc/pami-elements/dist/components/pami-menu-item.js";
+import { PamiMenu as PamiMenuElement } from "@bmxc/pami-elements/dist/components/pami-menu.js";
+import { PamiMeter as PamiMeterElement } from "@bmxc/pami-elements/dist/components/pami-meter.js";
+import { PamiMultiSelect as PamiMultiSelectElement } from "@bmxc/pami-elements/dist/components/pami-multi-select.js";
+import { PamiNavigationBar as PamiNavigationBarElement } from "@bmxc/pami-elements/dist/components/pami-navigation-bar.js";
+import { PamiNavigationGroup as PamiNavigationGroupElement } from "@bmxc/pami-elements/dist/components/pami-navigation-group.js";
+import { PamiNavigationRailTab as PamiNavigationRailTabElement } from "@bmxc/pami-elements/dist/components/pami-navigation-rail-tab.js";
+import { PamiNavigationRail as PamiNavigationRailElement } from "@bmxc/pami-elements/dist/components/pami-navigation-rail.js";
+import { PamiNavigationTab as PamiNavigationTabElement } from "@bmxc/pami-elements/dist/components/pami-navigation-tab.js";
+import { PamiNumberField as PamiNumberFieldElement } from "@bmxc/pami-elements/dist/components/pami-number-field.js";
+import { PamiOrganizationChart as PamiOrganizationChartElement } from "@bmxc/pami-elements/dist/components/pami-organization-chart.js";
+import { PamiOtpField as PamiOtpFieldElement } from "@bmxc/pami-elements/dist/components/pami-otp-field.js";
+import { PamiPieChart as PamiPieChartElement } from "@bmxc/pami-elements/dist/components/pami-pie-chart.js";
+import { PamiProgressIndicator as PamiProgressIndicatorElement } from "@bmxc/pami-elements/dist/components/pami-progress-indicator.js";
+import { PamiRadio as PamiRadioElement } from "@bmxc/pami-elements/dist/components/pami-radio.js";
+import { PamiRating as PamiRatingElement } from "@bmxc/pami-elements/dist/components/pami-rating.js";
+import { PamiRipple as PamiRippleElement } from "@bmxc/pami-elements/dist/components/pami-ripple.js";
+import { PamiSearch as PamiSearchElement } from "@bmxc/pami-elements/dist/components/pami-search.js";
+import { PamiSegmentedButtonSet as PamiSegmentedButtonSetElement } from "@bmxc/pami-elements/dist/components/pami-segmented-button-set.js";
+import { PamiSegmentedButton as PamiSegmentedButtonElement } from "@bmxc/pami-elements/dist/components/pami-segmented-button.js";
+import { PamiSelectOption as PamiSelectOptionElement } from "@bmxc/pami-elements/dist/components/pami-select-option.js";
+import { PamiSelect as PamiSelectElement } from "@bmxc/pami-elements/dist/components/pami-select.js";
+import { PamiSideSheet as PamiSideSheetElement } from "@bmxc/pami-elements/dist/components/pami-side-sheet.js";
+import { PamiSkeleton as PamiSkeletonElement } from "@bmxc/pami-elements/dist/components/pami-skeleton.js";
+import { PamiSlider as PamiSliderElement } from "@bmxc/pami-elements/dist/components/pami-slider.js";
+import { PamiSnackbar as PamiSnackbarElement } from "@bmxc/pami-elements/dist/components/pami-snackbar.js";
+import { PamiSparkline as PamiSparklineElement } from "@bmxc/pami-elements/dist/components/pami-sparkline.js";
+import { PamiSplitButton as PamiSplitButtonElement } from "@bmxc/pami-elements/dist/components/pami-split-button.js";
+import { PamiStatusDot as PamiStatusDotElement } from "@bmxc/pami-elements/dist/components/pami-status-dot.js";
+import { PamiStep as PamiStepElement } from "@bmxc/pami-elements/dist/components/pami-step.js";
+import { PamiStepper as PamiStepperElement } from "@bmxc/pami-elements/dist/components/pami-stepper.js";
+import { PamiSubMenuItem as PamiSubMenuItemElement } from "@bmxc/pami-elements/dist/components/pami-sub-menu-item.js";
+import { PamiSwitch as PamiSwitchElement } from "@bmxc/pami-elements/dist/components/pami-switch.js";
+import { PamiTabPanel as PamiTabPanelElement } from "@bmxc/pami-elements/dist/components/pami-tab-panel.js";
+import { PamiTabPanels as PamiTabPanelsElement } from "@bmxc/pami-elements/dist/components/pami-tab-panels.js";
+import { PamiTab as PamiTabElement } from "@bmxc/pami-elements/dist/components/pami-tab.js";
+import { PamiTableBody as PamiTableBodyElement } from "@bmxc/pami-elements/dist/components/pami-table-body.js";
+import { PamiTableCell as PamiTableCellElement } from "@bmxc/pami-elements/dist/components/pami-table-cell.js";
+import { PamiTableContainer as PamiTableContainerElement } from "@bmxc/pami-elements/dist/components/pami-table-container.js";
+import { PamiTableExpandToggle as PamiTableExpandToggleElement } from "@bmxc/pami-elements/dist/components/pami-table-expand-toggle.js";
+import { PamiTableFoot as PamiTableFootElement } from "@bmxc/pami-elements/dist/components/pami-table-foot.js";
+import { PamiTableHead as PamiTableHeadElement } from "@bmxc/pami-elements/dist/components/pami-table-head.js";
+import { PamiTablePagination as PamiTablePaginationElement } from "@bmxc/pami-elements/dist/components/pami-table-pagination.js";
+import { PamiTableRow as PamiTableRowElement } from "@bmxc/pami-elements/dist/components/pami-table-row.js";
+import { PamiTableSortLabel as PamiTableSortLabelElement } from "@bmxc/pami-elements/dist/components/pami-table-sort-label.js";
+import { PamiTableToolbar as PamiTableToolbarElement } from "@bmxc/pami-elements/dist/components/pami-table-toolbar.js";
+import { PamiTable as PamiTableElement } from "@bmxc/pami-elements/dist/components/pami-table.js";
+import { PamiTabs as PamiTabsElement } from "@bmxc/pami-elements/dist/components/pami-tabs.js";
+import { PamiTag as PamiTagElement } from "@bmxc/pami-elements/dist/components/pami-tag.js";
+import { PamiTextField as PamiTextFieldElement } from "@bmxc/pami-elements/dist/components/pami-text-field.js";
+import { PamiTimePicker as PamiTimePickerElement } from "@bmxc/pami-elements/dist/components/pami-time-picker.js";
+import { PamiToolbar as PamiToolbarElement } from "@bmxc/pami-elements/dist/components/pami-toolbar.js";
+import { PamiTooltip as PamiTooltipElement } from "@bmxc/pami-elements/dist/components/pami-tooltip.js";
+import { PamiTransferList as PamiTransferListElement } from "@bmxc/pami-elements/dist/components/pami-transfer-list.js";
+// @ts-ignore - ignore potential type issues as the project is importing itself
+import * as clientComponents from "@bmxc/pami-react";
+
+export const serializeShadowRoot: SerializeShadowRootOptions = { default: "declarative-shadow-dom" };
+
+export type PamiAccordionEvents = {
+    onPamiToggle: EventName<PamiAccordionCustomEvent<{ index: number; expanded: boolean; expandedIndices: number[]; }>>,
+    onPamiReorder: EventName<PamiAccordionCustomEvent<{ from: number; to: number; order: number[]; }>>,
+    onPamiDragStart: EventName<PamiAccordionCustomEvent<PamiAccordionDragDetail>>,
+    onPamiDragMove: EventName<PamiAccordionCustomEvent<PamiAccordionDragDetail>>,
+    onPamiDragEnd: EventName<PamiAccordionCustomEvent<PamiAccordionDragDetail>>
+};
+
+export const PamiAccordion: StencilReactComponent<PamiAccordionElement, PamiAccordionEvents, Components.PamiAccordion> = /*@__PURE__*/ createComponent<PamiAccordionElement, PamiAccordionEvents, Components.PamiAccordion>({
+    tagName: 'pami-accordion',
+    properties: {
+        variant: 'variant',
+        density: 'density',
+        elevation: 'elevation',
+        reorderable: 'reorderable',
+        floating: 'floating',
+        initialX: 'initial-x',
+        initialY: 'initial-y',
+        bringToFront: 'bring-to-front',
+        exclusive: 'exclusive',
+        keepOneExpanded: 'keep-one-expanded',
+        headingLevel: 'heading-level',
+        region: 'region',
+        regionThreshold: 'region-threshold',
+        transition: 'transition',
+        defaultExpanded: 'default-expanded'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiAccordion as StencilReactComponent<PamiAccordionElement, PamiAccordionEvents, Components.PamiAccordion>,
+    serializeShadowRoot
+});
+
+export type PamiAccordionItemEvents = {
+    onPamiItemToggle: EventName<PamiAccordionItemCustomEvent<{ expanded: boolean; index: number }>>,
+    onPamiItemRequestFocus: EventName<PamiAccordionItemCustomEvent<{ direction: 'next' | 'prev' | 'first' | 'last'; from: number; }>>,
+    onPamiItemRequestReorder: EventName<PamiAccordionItemCustomEvent<{ direction: 'up' | 'down'; from: number; }>>
+};
+
+export const PamiAccordionItem: StencilReactComponent<PamiAccordionItemElement, PamiAccordionItemEvents, Components.PamiAccordionItem> = /*@__PURE__*/ createComponent<PamiAccordionItemElement, PamiAccordionItemEvents, Components.PamiAccordionItem>({
+    tagName: 'pami-accordion-item',
+    properties: {
+        headline: 'headline',
+        supportingText: 'supporting-text',
+        icon: 'icon',
+        expanded: 'expanded',
+        disabled: 'disabled',
+        headingLevel: 'heading-level',
+        collapsible: 'collapsible',
+        regionRole: 'region-role',
+        contentMaxHeight: 'content-max-height',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiAccordionItem as StencilReactComponent<PamiAccordionItemElement, PamiAccordionItemEvents, Components.PamiAccordionItem>,
+    serializeShadowRoot
+});
+
+export type PamiAppBarEvents = {
+    onPamiLeadingClick: EventName<PamiAppBarCustomEvent<MouseEvent>>,
+    onPamiSearchActivate: EventName<PamiAppBarCustomEvent<{ value: string }>>,
+    onPamiSearchInput: EventName<PamiAppBarCustomEvent<{ value: string }>>
+};
+
+export const PamiAppBar: StencilReactComponent<PamiAppBarElement, PamiAppBarEvents, Components.PamiAppBar> = /*@__PURE__*/ createComponent<PamiAppBarElement, PamiAppBarEvents, Components.PamiAppBar>({
+    tagName: 'pami-app-bar',
+    properties: {
+        variant: 'variant',
+        titleAlignment: 'title-alignment',
+        searchPlaceholder: 'search-placeholder',
+        searchValue: 'search-value',
+        searchAriaLabel: 'search-aria-label',
+        searchDisabled: 'search-disabled',
+        headline: 'headline',
+        subtitle: 'subtitle',
+        scrolled: 'scrolled',
+        scrollBehavior: 'scroll-behavior',
+        scrollTarget: 'scroll-target',
+        density: 'density',
+        leadingIcon: 'leading-icon',
+        leadingIconLabel: 'leading-icon-label'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiAppBar as StencilReactComponent<PamiAppBarElement, PamiAppBarEvents, Components.PamiAppBar>,
+    serializeShadowRoot
+});
+
+export type PamiAreaChartEvents = {
+    onPamiMarkerClick: EventName<PamiAreaChartCustomEvent<PamiChartClickDetail<PamiChartSeries>>>,
+    onPamiLineClick: EventName<PamiAreaChartCustomEvent<PamiChartClickDetail<PamiChartSeries>>>,
+    onPamiAreaClick: EventName<PamiAreaChartCustomEvent<PamiChartClickDetail<PamiChartSeries>>>,
+    onPamiAxisClick: EventName<PamiAreaChartCustomEvent<PamiChartAxisClickDetail>>,
+    onPamiLegendClick: EventName<PamiAreaChartCustomEvent<{ seriesIndex: number; seriesId?: string; selected: boolean }>>,
+    onPamiHover: EventName<PamiAreaChartCustomEvent<PamiChartHoverDetail>>,
+    onPamiReady: EventName<PamiAreaChartCustomEvent<void>>,
+    onPamiZoom: EventName<PamiAreaChartCustomEvent<{ startIndex: number; endIndex: number; reset: boolean }>>
+};
+
+export const PamiAreaChart: StencilReactComponent<PamiAreaChartElement, PamiAreaChartEvents, Components.PamiAreaChart> = /*@__PURE__*/ createComponent<PamiAreaChartElement, PamiAreaChartEvents, Components.PamiAreaChart>({
+    tagName: 'pami-area-chart',
+    properties: {
+        label: 'label',
+        subtitle: 'subtitle',
+        titleAlign: 'title-align',
+        curve: 'curve',
+        stack: 'stack',
+        connectNulls: 'connect-nulls',
+        showMarks: 'show-marks',
+        lineWidth: 'line-width',
+        markSize: 'mark-size',
+        legend: 'legend',
+        tooltip: 'tooltip',
+        zoom: 'zoom',
+        locale: 'locale',
+        heightProp: 'height',
+        noAnimation: 'no-animation',
+        animation: 'animation',
+        animationDuration: 'animation-duration',
+        fillOpacity: 'fill-opacity',
+        showLine: 'show-line',
+        grid: 'grid',
+        inverted: 'inverted',
+        seriesLabels: 'series-labels',
+        summary: 'summary',
+        labelEmpty: 'label-empty',
+        loading: 'loading',
+        loadingLabel: 'loading-label',
+        labelZoomStart: 'label-zoom-start',
+        labelZoomEnd: 'label-zoom-end',
+        axisTicks: 'axis-ticks',
+        showLabels: 'show-labels',
+        labelPlot: 'label-plot',
+        labelPoint: 'label-point',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiAreaChart as StencilReactComponent<PamiAreaChartElement, PamiAreaChartEvents, Components.PamiAreaChart>,
+    serializeShadowRoot
+});
+
+export type PamiAutocompleteEvents = {
+    onPamiChange: EventName<PamiAutocompleteCustomEvent<string | string[]>>,
+    onPamiInput: EventName<PamiAutocompleteCustomEvent<string>>,
+    onPamiOpen: EventName<PamiAutocompleteCustomEvent<void>>,
+    onPamiClose: EventName<PamiAutocompleteCustomEvent<void>>,
+    onPamiClear: EventName<PamiAutocompleteCustomEvent<void>>,
+    onPamiValidityChange: EventName<PamiAutocompleteCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
+};
+
+export const PamiAutocomplete: StencilReactComponent<PamiAutocompleteElement, PamiAutocompleteEvents, Components.PamiAutocomplete> = /*@__PURE__*/ createComponent<PamiAutocompleteElement, PamiAutocompleteEvents, Components.PamiAutocomplete>({
+    tagName: 'pami-autocomplete',
+    properties: {
+        valueMissingLabel: 'value-missing-label',
+        reserveSupportingSpace: 'reserve-supporting-space',
+        label: 'label',
+        placeholder: 'placeholder',
+        supportingText: 'supporting-text',
+        error: 'error',
+        errorText: 'error-text',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        required: 'required',
+        density: 'density',
+        options: 'options',
+        multiple: 'multiple',
+        chipPosition: 'chip-position',
+        value: 'value',
+        inputValue: 'input-value',
+        freeSolo: 'free-solo',
+        maxSelected: 'max-selected',
+        loading: 'loading',
+        noOptionsText: 'no-options-text',
+        noResultsText: 'no-results-text',
+        loadingText: 'loading-text',
+        statusTemplate: 'status-template',
+        disableCloseOnSelect: 'disable-close-on-select',
+        clearOnBlur: 'clear-on-blur',
+        clearable: 'clearable',
+        clearIcon: 'clear-icon',
+        dropdownIcon: 'dropdown-icon',
+        limitResults: 'limit-results',
+        open: 'open',
+        virtualize: 'virtualize',
+        filterMode: 'filter-mode',
+        rowHeight: 'row-height',
+        placement: 'placement',
+        matchTriggerWidth: 'match-trigger-width',
+        maxHeight: 'max-height',
+        name: 'name'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiAutocomplete as StencilReactComponent<PamiAutocompleteElement, PamiAutocompleteEvents, Components.PamiAutocomplete>,
+    serializeShadowRoot
+});
+
+export type PamiAvatarEvents = {
+    onPamiLoad: EventName<PamiAvatarCustomEvent<{ src: string }>>,
+    onPamiError: EventName<PamiAvatarCustomEvent<{ src: string }>>
+};
+
+export const PamiAvatar: StencilReactComponent<PamiAvatarElement, PamiAvatarEvents, Components.PamiAvatar> = /*@__PURE__*/ createComponent<PamiAvatarElement, PamiAvatarEvents, Components.PamiAvatar>({
+    tagName: 'pami-avatar',
+    properties: {
+        src: 'src',
+        alt: 'alt',
+        name: 'name',
+        initials: 'initials',
+        size: 'size',
+        shape: 'shape',
+        label: 'label',
+        colorFromName: 'color-from-name',
+        loading: 'loading',
+        crossorigin: 'crossorigin',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiAvatar as StencilReactComponent<PamiAvatarElement, PamiAvatarEvents, Components.PamiAvatar>,
+    serializeShadowRoot
+});
+
+export type PamiBadgeEvents = NonNullable<unknown>;
+
+export const PamiBadge: StencilReactComponent<PamiBadgeElement, PamiBadgeEvents, Components.PamiBadge> = /*@__PURE__*/ createComponent<PamiBadgeElement, PamiBadgeEvents, Components.PamiBadge>({
+    tagName: 'pami-badge',
+    properties: {
+        variant: 'variant',
+        value: 'value',
+        max: 'max',
+        icon: 'icon',
+        shape: 'shape',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiBadge as StencilReactComponent<PamiBadgeElement, PamiBadgeEvents, Components.PamiBadge>,
+    serializeShadowRoot
+});
+
+export type PamiBarChartEvents = {
+    onPamiBarClick: EventName<PamiBarChartCustomEvent<PamiChartClickDetail<PamiChartSeries>>>,
+    onPamiLegendClick: EventName<PamiBarChartCustomEvent<{ seriesIndex: number; seriesId?: string; selected: boolean }>>,
+    onPamiHover: EventName<PamiBarChartCustomEvent<PamiChartHoverDetail>>,
+    onPamiReady: EventName<PamiBarChartCustomEvent<void>>,
+    onPamiZoom: EventName<PamiBarChartCustomEvent<{ startIndex: number; endIndex: number; reset: boolean }>>
+};
+
+export const PamiBarChart: StencilReactComponent<PamiBarChartElement, PamiBarChartEvents, Components.PamiBarChart> = /*@__PURE__*/ createComponent<PamiBarChartElement, PamiBarChartEvents, Components.PamiBarChart>({
+    tagName: 'pami-bar-chart',
+    properties: {
+        label: 'label',
+        subtitle: 'subtitle',
+        titleAlign: 'title-align',
+        layout: 'layout',
+        stack: 'stack',
+        categoryGap: 'category-gap',
+        barGap: 'bar-gap',
+        barWidth: 'bar-width',
+        cornerRadius: 'corner-radius',
+        legend: 'legend',
+        tooltip: 'tooltip',
+        zoom: 'zoom',
+        locale: 'locale',
+        heightProp: 'height',
+        noAnimation: 'no-animation',
+        animation: 'animation',
+        animationDuration: 'animation-duration',
+        showLabels: 'show-labels',
+        showTotals: 'show-totals',
+        chevron: 'chevron',
+        polar: 'polar',
+        polarHole: 'polar-hole',
+        polarSweep: 'polar-sweep',
+        axisTicks: 'axis-ticks',
+        clickable: 'clickable',
+        labelZoomStart: 'label-zoom-start',
+        labelZoomEnd: 'label-zoom-end',
+        labelPlot: 'label-plot',
+        labelPoint: 'label-point',
+        loading: 'loading',
+        loadingLabel: 'loading-label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiBarChart as StencilReactComponent<PamiBarChartElement, PamiBarChartEvents, Components.PamiBarChart>,
+    serializeShadowRoot
+});
+
+export type PamiBottomSheetEvents = {
+    onPamiOpen: EventName<PamiBottomSheetCustomEvent<void>>,
+    onPamiClose: EventName<PamiBottomSheetCustomEvent<void>>,
+    onPamiCancel: EventName<PamiBottomSheetCustomEvent<void>>
+};
+
+export const PamiBottomSheet: StencilReactComponent<PamiBottomSheetElement, PamiBottomSheetEvents, Components.PamiBottomSheet> = /*@__PURE__*/ createComponent<PamiBottomSheetElement, PamiBottomSheetEvents, Components.PamiBottomSheet>({
+    tagName: 'pami-bottom-sheet',
+    properties: {
+        open: 'open',
+        variant: 'variant',
+        headline: 'headline',
+        showDragHandle: 'show-drag-handle',
+        closeable: 'closeable',
+        scrimDismissible: 'scrim-dismissible',
+        topDivider: 'top-divider',
+        bottomDivider: 'bottom-divider',
+        sheetAriaLabel: 'aria-label',
+        scrollShadow: 'scroll-shadow',
+        headlineAlign: 'headline-align',
+        contentAlign: 'content-align',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiBottomSheet as StencilReactComponent<PamiBottomSheetElement, PamiBottomSheetEvents, Components.PamiBottomSheet>,
+    serializeShadowRoot
+});
+
+export type PamiBreadcrumbItemEvents = { onPamiSelect: EventName<PamiBreadcrumbItemCustomEvent<PamiBreadcrumbSelectDetail>> };
+
+export const PamiBreadcrumbItem: StencilReactComponent<PamiBreadcrumbItemElement, PamiBreadcrumbItemEvents, Components.PamiBreadcrumbItem> = /*@__PURE__*/ createComponent<PamiBreadcrumbItemElement, PamiBreadcrumbItemEvents, Components.PamiBreadcrumbItem>({
+    tagName: 'pami-breadcrumb-item',
+    properties: {
+        href: 'href',
+        target: 'target',
+        rel: 'rel',
+        current: 'current',
+        icon: 'icon',
+        disabled: 'disabled',
+        collapsed: 'collapsed',
+        itemIndex: 'item-index',
+        itemTotal: 'item-total',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiBreadcrumbItem as StencilReactComponent<PamiBreadcrumbItemElement, PamiBreadcrumbItemEvents, Components.PamiBreadcrumbItem>,
+    serializeShadowRoot
+});
+
+export type PamiBreadcrumbsEvents = { onPamiExpand: EventName<PamiBreadcrumbsCustomEvent<PamiBreadcrumbsExpandDetail>> };
+
+export const PamiBreadcrumbs: StencilReactComponent<PamiBreadcrumbsElement, PamiBreadcrumbsEvents, Components.PamiBreadcrumbs> = /*@__PURE__*/ createComponent<PamiBreadcrumbsElement, PamiBreadcrumbsEvents, Components.PamiBreadcrumbs>({
+    tagName: 'pami-breadcrumbs',
+    properties: {
+        label: 'label',
+        expandLabel: 'expand-label',
+        separator: 'separator',
+        maxItems: 'max-items',
+        itemsBeforeCollapse: 'items-before-collapse',
+        itemsAfterCollapse: 'items-after-collapse',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiBreadcrumbs as StencilReactComponent<PamiBreadcrumbsElement, PamiBreadcrumbsEvents, Components.PamiBreadcrumbs>,
+    serializeShadowRoot
+});
+
+export type PamiButtonEvents = {
+    onPamiClick: EventName<PamiButtonCustomEvent<PamiButtonClickDetail>>,
+    onPamiChange: EventName<PamiButtonCustomEvent<PamiButtonChangeDetail>>
+};
+
+export const PamiButton: StencilReactComponent<PamiButtonElement, PamiButtonEvents, Components.PamiButton> = /*@__PURE__*/ createComponent<PamiButtonElement, PamiButtonEvents, Components.PamiButton>({
+    tagName: 'pami-button',
+    properties: {
+        type: 'type',
+        variant: 'variant',
+        size: 'size',
+        shape: 'shape',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        ripple: 'ripple',
+        loading: 'loading',
+        icon: 'icon',
+        trailingIcon: 'trailing-icon',
+        href: 'href',
+        target: 'target',
+        toggle: 'toggle',
+        selected: 'selected',
+        shapeMorph: 'shape-morph',
+        mirrorIcon: 'mirror-icon',
+        suppressExpandIconFlip: 'suppress-expand-icon-flip',
+        fullWidth: 'full-width',
+        connectedLeft: 'connected-left',
+        connectedRight: 'connected-right',
+        value: 'value',
+        groupTabindex: 'group-tabindex',
+        roleOverride: 'role-override',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiButton as StencilReactComponent<PamiButtonElement, PamiButtonEvents, Components.PamiButton>,
+    serializeShadowRoot
+});
+
+export type PamiButtonGroupEvents = { onPamiSelectionChange: EventName<PamiButtonGroupCustomEvent<PamiButtonGroupChangeDetail>> };
+
+export const PamiButtonGroup: StencilReactComponent<PamiButtonGroupElement, PamiButtonGroupEvents, Components.PamiButtonGroup> = /*@__PURE__*/ createComponent<PamiButtonGroupElement, PamiButtonGroupEvents, Components.PamiButtonGroup>({
+    tagName: 'pami-button-group',
+    properties: {
+        variant: 'variant',
+        size: 'size',
+        shape: 'shape',
+        selectionMode: 'selection-mode',
+        required: 'required',
+        fullWidth: 'full-width',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiButtonGroup as StencilReactComponent<PamiButtonGroupElement, PamiButtonGroupEvents, Components.PamiButtonGroup>,
+    serializeShadowRoot
+});
+
+export type PamiCalloutEvents = NonNullable<unknown>;
+
+export const PamiCallout: StencilReactComponent<PamiCalloutElement, PamiCalloutEvents, Components.PamiCallout> = /*@__PURE__*/ createComponent<PamiCalloutElement, PamiCalloutEvents, Components.PamiCallout>({
+    tagName: 'pami-callout',
+    properties: {
+        tone: 'tone',
+        announcement: 'announcement'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiCallout as StencilReactComponent<PamiCalloutElement, PamiCalloutEvents, Components.PamiCallout>,
+    serializeShadowRoot
+});
+
+export type PamiCardEvents = {
+    onPamiClick: EventName<PamiCardCustomEvent<MouseEvent>>,
+    onPamiDragStart: EventName<PamiCardCustomEvent<PamiCardDragDetail>>,
+    onPamiDragMove: EventName<PamiCardCustomEvent<PamiCardDragDetail>>,
+    onPamiDragEnd: EventName<PamiCardCustomEvent<PamiCardDragDetail>>
+};
+
+export const PamiCard: StencilReactComponent<PamiCardElement, PamiCardEvents, Components.PamiCard> = /*@__PURE__*/ createComponent<PamiCardElement, PamiCardEvents, Components.PamiCard>({
+    tagName: 'pami-card',
+    properties: {
+        variant: 'variant',
+        interactive: 'interactive',
+        dragEnabled: 'drag-enabled',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        ripple: 'ripple',
+        fullWidth: 'full-width',
+        fullHeight: 'full-height',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiCard as StencilReactComponent<PamiCardElement, PamiCardEvents, Components.PamiCard>,
+    serializeShadowRoot
+});
+
+export type PamiCheckboxEvents = {
+    onPamiChange: EventName<PamiCheckboxCustomEvent<{ checked: boolean; indeterminate: boolean }>>,
+    onPamiValidityChange: EventName<PamiCheckboxCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
+};
+
+export const PamiCheckbox: StencilReactComponent<PamiCheckboxElement, PamiCheckboxEvents, Components.PamiCheckbox> = /*@__PURE__*/ createComponent<PamiCheckboxElement, PamiCheckboxEvents, Components.PamiCheckbox>({
+    tagName: 'pami-checkbox',
+    properties: {
+        valueMissingLabel: 'value-missing-label',
+        error: 'error',
+        errorText: 'error-text',
+        supportingText: 'supporting-text',
+        checked: 'checked',
+        indeterminate: 'indeterminate',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        required: 'required',
+        name: 'name',
+        value: 'value',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiCheckbox as StencilReactComponent<PamiCheckboxElement, PamiCheckboxEvents, Components.PamiCheckbox>,
+    serializeShadowRoot
+});
+
+export type PamiChipEvents = {
+    onPamiClick: EventName<PamiChipCustomEvent<void>>,
+    onPamiSelect: EventName<PamiChipCustomEvent<{ selected: boolean }>>,
+    onPamiRemove: EventName<PamiChipCustomEvent<void>>
+};
+
+export const PamiChip: StencilReactComponent<PamiChipElement, PamiChipEvents, Components.PamiChip> = /*@__PURE__*/ createComponent<PamiChipElement, PamiChipEvents, Components.PamiChip>({
+    tagName: 'pami-chip',
+    properties: {
+        variant: 'variant',
+        icon: 'icon',
+        trailingIcon: 'trailing-icon',
+        selected: 'selected',
+        selectable: 'selectable',
+        appearance: 'appearance',
+        color: 'color',
+        elevated: 'elevated',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        removable: 'removable',
+        label: 'label',
+        contentAlign: 'content-align',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiChip as StencilReactComponent<PamiChipElement, PamiChipEvents, Components.PamiChip>,
+    serializeShadowRoot
+});
+
+export type PamiColorPickerEvents = {
+    onPamiInput: EventName<PamiColorPickerCustomEvent<{ value: string }>>,
+    onPamiChange: EventName<PamiColorPickerCustomEvent<{ value: string }>>,
+    onPamiOpenChange: EventName<PamiColorPickerCustomEvent<{ open: boolean }>>
+};
+
+export const PamiColorPicker: StencilReactComponent<PamiColorPickerElement, PamiColorPickerEvents, Components.PamiColorPicker> = /*@__PURE__*/ createComponent<PamiColorPickerElement, PamiColorPickerEvents, Components.PamiColorPicker>({
+    tagName: 'pami-color-picker',
+    properties: {
+        locale: 'locale',
+        variant: 'variant',
+        value: 'value',
+        format: 'format',
+        alpha: 'alpha',
+        showHex: 'show-hex',
+        showInputs: 'show-inputs',
+        disabled: 'disabled',
+        presets: 'presets',
+        ariaLabelProp: 'aria-label',
+        open: 'open',
+        dismissOnOutsideClick: 'dismiss-on-outside-click',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiColorPicker as StencilReactComponent<PamiColorPickerElement, PamiColorPickerEvents, Components.PamiColorPicker>,
+    serializeShadowRoot
+});
+
+export type PamiDatePickerEvents = {
+    onPamiChange: EventName<PamiDatePickerCustomEvent<PamiDatePickerChangeDetail>>,
+    onPamiSelected: EventName<PamiDatePickerCustomEvent<PamiDatePickerSelectedDetail>>,
+    onPamiInput: EventName<PamiDatePickerCustomEvent<{ value: string }>>,
+    onPamiOpen: EventName<PamiDatePickerCustomEvent<void>>,
+    onPamiClose: EventName<PamiDatePickerCustomEvent<void>>,
+    onPamiCancel: EventName<PamiDatePickerCustomEvent<void>>,
+    onPamiViewChange: EventName<PamiDatePickerCustomEvent<PamiDatePickerViewChangeDetail>>,
+    onPamiMenuOpen: EventName<PamiDatePickerCustomEvent<PamiDatePickerMenuOpenDetail>>,
+    onPamiMenuSelect: EventName<PamiDatePickerCustomEvent<PamiDatePickerMenuSelectDetail>>,
+    onPamiModeChange: EventName<PamiDatePickerCustomEvent<PamiDatePickerModeChangeDetail>>,
+    onPamiValidityChange: EventName<PamiDatePickerCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
+};
+
+export const PamiDatePicker: StencilReactComponent<PamiDatePickerElement, PamiDatePickerEvents, Components.PamiDatePicker> = /*@__PURE__*/ createComponent<PamiDatePickerElement, PamiDatePickerEvents, Components.PamiDatePicker>({
+    tagName: 'pami-date-picker',
+    properties: {
+        valueMissingLabel: 'value-missing-label',
+        reserveSupportingSpace: 'reserve-supporting-space',
+        variant: 'variant',
+        value: 'value',
+        label: 'label',
+        placeholder: 'placeholder',
+        min: 'min',
+        max: 'max',
+        open: 'open',
+        disabled: 'disabled',
+        required: 'required',
+        clearable: 'clearable',
+        clearLabel: 'clear-label',
+        error: 'error',
+        errorText: 'error-text',
+        supportingText: 'supporting-text',
+        locale: 'locale',
+        dateSeparator: 'date-separator',
+        firstDayOfWeek: 'first-day-of-week',
+        headline: 'headline',
+        cancelLabel: 'cancel-label',
+        okLabel: 'ok-label',
+        selectDateLabel: 'select-date-label',
+        enterDatesLabel: 'enter-dates-label',
+        invalidDateLabel: 'invalid-date-label',
+        previousMonthLabel: 'previous-month-label',
+        nextMonthLabel: 'next-month-label',
+        previousYearLabel: 'previous-year-label',
+        nextYearLabel: 'next-year-label',
+        chooseMonthLabel: 'choose-month-label',
+        chooseYearLabel: 'choose-year-label',
+        chooseMonthYearLabel: 'choose-month-year-label',
+        chooseMonthAndYearLabel: 'choose-month-and-year-label',
+        toggleCalendarLabel: 'toggle-calendar-label',
+        toggleTextLabel: 'toggle-text-label',
+        openCalendarLabel: 'open-calendar-label',
+        closeCalendarLabel: 'close-calendar-label',
+        calendarIcon: 'calendar-icon',
+        yearGridLabel: 'year-grid-label',
+        scrimDismissible: 'scrim-dismissible',
+        outsideClickDismissible: 'outside-click-dismissible',
+        commitOnSelect: 'commit-on-select',
+        name: 'name',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiDatePicker as StencilReactComponent<PamiDatePickerElement, PamiDatePickerEvents, Components.PamiDatePicker>,
+    serializeShadowRoot
+});
+
+export type PamiDialogEvents = {
+    onPamiOpen: EventName<PamiDialogCustomEvent<void>>,
+    onPamiClose: EventName<PamiDialogCustomEvent<void>>,
+    onPamiCancel: EventName<PamiDialogCustomEvent<void>>
+};
+
+export const PamiDialog: StencilReactComponent<PamiDialogElement, PamiDialogEvents, Components.PamiDialog> = /*@__PURE__*/ createComponent<PamiDialogElement, PamiDialogEvents, Components.PamiDialog>({
+    tagName: 'pami-dialog',
+    properties: {
+        open: 'open',
+        headline: 'headline',
+        icon: 'icon',
+        fullscreen: 'fullscreen',
+        scrimDismissible: 'scrim-dismissible',
+        locale: 'locale',
+        closeLabel: 'close-label',
+        cancelLabel: 'cancel-label',
+        okLabel: 'ok-label',
+        divider: 'divider',
+        headerDivider: 'header-divider',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiDialog as StencilReactComponent<PamiDialogElement, PamiDialogEvents, Components.PamiDialog>,
+    serializeShadowRoot
+});
+
+export type PamiDividerEvents = NonNullable<unknown>;
+
+export const PamiDivider: StencilReactComponent<PamiDividerElement, PamiDividerEvents, Components.PamiDivider> = /*@__PURE__*/ createComponent<PamiDividerElement, PamiDividerEvents, Components.PamiDivider>({
+    tagName: 'pami-divider',
+    properties: {
+        inset: 'inset',
+        insetStart: 'inset-start',
+        insetEnd: 'inset-end',
+        vertical: 'vertical'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiDivider as StencilReactComponent<PamiDividerElement, PamiDividerEvents, Components.PamiDivider>,
+    serializeShadowRoot
+});
+
+export type PamiFabEvents = { onPamiClick: EventName<PamiFabCustomEvent<MouseEvent>> };
+
+export const PamiFab: StencilReactComponent<PamiFabElement, PamiFabEvents, Components.PamiFab> = /*@__PURE__*/ createComponent<PamiFabElement, PamiFabEvents, Components.PamiFab>({
+    tagName: 'pami-fab',
+    properties: {
+        variant: 'variant',
+        size: 'size',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        lowered: 'lowered',
+        ripple: 'ripple',
+        icon: 'icon',
+        label: 'label',
+        extended: 'extended',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiFab as StencilReactComponent<PamiFabElement, PamiFabEvents, Components.PamiFab>,
+    serializeShadowRoot
+});
+
+export type PamiFabMenuEvents = {
+    onPamiOpen: EventName<PamiFabMenuCustomEvent<void>>,
+    onPamiClose: EventName<PamiFabMenuCustomEvent<void>>
+};
+
+export const PamiFabMenu: StencilReactComponent<PamiFabMenuElement, PamiFabMenuEvents, Components.PamiFabMenu> = /*@__PURE__*/ createComponent<PamiFabMenuElement, PamiFabMenuEvents, Components.PamiFabMenu>({
+    tagName: 'pami-fab-menu',
+    properties: {
+        open: 'open',
+        anchor: 'anchor',
+        variant: 'variant',
+        placement: 'placement',
+        quick: 'quick',
+        menuLabel: 'menu-label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiFabMenu as StencilReactComponent<PamiFabMenuElement, PamiFabMenuEvents, Components.PamiFabMenu>,
+    serializeShadowRoot
+});
+
+export type PamiFabMenuItemEvents = { onPamiClick: EventName<PamiFabMenuItemCustomEvent<void>> };
+
+export const PamiFabMenuItem: StencilReactComponent<PamiFabMenuItemElement, PamiFabMenuItemEvents, Components.PamiFabMenuItem> = /*@__PURE__*/ createComponent<PamiFabMenuItemElement, PamiFabMenuItemEvents, Components.PamiFabMenuItem>({
+    tagName: 'pami-fab-menu-item',
+    properties: {
+        icon: 'icon',
+        label: 'label',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        rovingFocusVisible: 'roving-focus-visible',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiFabMenuItem as StencilReactComponent<PamiFabMenuItemElement, PamiFabMenuItemEvents, Components.PamiFabMenuItem>,
+    serializeShadowRoot
+});
+
+export type PamiIconEvents = NonNullable<unknown>;
+
+export const PamiIcon: StencilReactComponent<PamiIconElement, PamiIconEvents, Components.PamiIcon> = /*@__PURE__*/ createComponent<PamiIconElement, PamiIconEvents, Components.PamiIcon>({
+    tagName: 'pami-icon',
+    properties: {
+        name: 'name',
+        label: 'label'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiIcon as StencilReactComponent<PamiIconElement, PamiIconEvents, Components.PamiIcon>,
+    serializeShadowRoot
+});
+
+export type PamiIconButtonEvents = { onPamiClick: EventName<PamiIconButtonCustomEvent<{ selected: boolean }>> };
+
+export const PamiIconButton: StencilReactComponent<PamiIconButtonElement, PamiIconButtonEvents, Components.PamiIconButton> = /*@__PURE__*/ createComponent<PamiIconButtonElement, PamiIconButtonEvents, Components.PamiIconButton>({
+    tagName: 'pami-icon-button',
+    properties: {
+        variant: 'variant',
+        size: 'size',
+        shape: 'shape',
+        buttonWidth: 'button-width',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        toggle: 'toggle',
+        selected: 'selected',
+        shapeMorph: 'shape-morph',
+        ripple: 'ripple',
+        icon: 'icon',
+        selectedIcon: 'selected-icon',
+        href: 'href',
+        target: 'target',
+        connectedLeft: 'connected-left',
+        connectedRight: 'connected-right',
+        value: 'value',
+        groupTabindex: 'group-tabindex',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiIconButton as StencilReactComponent<PamiIconButtonElement, PamiIconButtonEvents, Components.PamiIconButton>,
+    serializeShadowRoot
+});
+
+export type PamiLineChartEvents = {
+    onPamiMarkerClick: EventName<PamiLineChartCustomEvent<PamiChartClickDetail<PamiChartXYSeries>>>,
+    onPamiLineClick: EventName<PamiLineChartCustomEvent<PamiChartClickDetail<PamiChartXYSeries>>>,
+    onPamiAreaClick: EventName<PamiLineChartCustomEvent<PamiChartClickDetail<PamiChartXYSeries>>>,
+    onPamiAxisClick: EventName<PamiLineChartCustomEvent<PamiChartAxisClickDetail>>,
+    onPamiLegendClick: EventName<PamiLineChartCustomEvent<{ seriesIndex: number; seriesId?: string; selected: boolean }>>,
+    onPamiHover: EventName<PamiLineChartCustomEvent<PamiChartHoverDetail>>,
+    onPamiReady: EventName<PamiLineChartCustomEvent<void>>,
+    onPamiZoom: EventName<PamiLineChartCustomEvent<{ startIndex: number; endIndex: number; reset: boolean }>>
+};
+
+export const PamiLineChart: StencilReactComponent<PamiLineChartElement, PamiLineChartEvents, Components.PamiLineChart> = /*@__PURE__*/ createComponent<PamiLineChartElement, PamiLineChartEvents, Components.PamiLineChart>({
+    tagName: 'pami-line-chart',
+    properties: {
+        label: 'label',
+        subtitle: 'subtitle',
+        titleAlign: 'title-align',
+        curve: 'curve',
+        stack: 'stack',
+        connectNulls: 'connect-nulls',
+        showMarks: 'show-marks',
+        lineWidth: 'line-width',
+        markSize: 'mark-size',
+        area: 'area',
+        showLine: 'show-line',
+        legend: 'legend',
+        tooltip: 'tooltip',
+        grid: 'grid',
+        axisTicks: 'axis-ticks',
+        inverted: 'inverted',
+        showLabels: 'show-labels',
+        seriesLabels: 'series-labels',
+        zoom: 'zoom',
+        locale: 'locale',
+        labelEmpty: 'label-empty',
+        labelPlot: 'label-plot',
+        labelPoint: 'label-point',
+        labelZoomStart: 'label-zoom-start',
+        labelZoomEnd: 'label-zoom-end',
+        summary: 'summary',
+        heightProp: 'height',
+        noAnimation: 'no-animation',
+        animation: 'animation',
+        animationDuration: 'animation-duration',
+        loading: 'loading',
+        loadingLabel: 'loading-label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiLineChart as StencilReactComponent<PamiLineChartElement, PamiLineChartEvents, Components.PamiLineChart>,
+    serializeShadowRoot
+});
+
+export type PamiListEvents = {
+    onPamiSelect: EventName<PamiListCustomEvent<PamiListSelectDetail>>,
+    onPamiActivate: EventName<PamiListCustomEvent<{ index: number; item: HTMLPamiListItemElement }>>,
+    onPamiReorder: EventName<PamiListCustomEvent<{ from: number; to: number; order: number[] }>>
+};
+
+export const PamiList: StencilReactComponent<PamiListElement, PamiListEvents, Components.PamiList> = /*@__PURE__*/ createComponent<PamiListElement, PamiListEvents, Components.PamiList>({
+    tagName: 'pami-list',
+    properties: {
+        listStyle: 'list-style',
+        selectionMode: 'selection-mode',
+        interactionMode: 'interaction-mode',
+        reorderable: 'reorderable',
+        label: 'label',
+        labelledby: 'labelledby',
+        roleOverride: 'role-override',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiList as StencilReactComponent<PamiListElement, PamiListEvents, Components.PamiList>,
+    serializeShadowRoot
+});
+
+export type PamiListItemEvents = {
+    onPamiClick: EventName<PamiListItemCustomEvent<{ item: HTMLElement }>>,
+    onPamiItemClick: EventName<PamiListItemCustomEvent<{ index: number; selected: boolean }>>,
+    onPamiItemSelect: EventName<PamiListItemCustomEvent<{ index: number; value: string; selected: boolean; item: HTMLPamiListItemElement; }>>,
+    onPamiRequestActivation: EventName<PamiListItemCustomEvent<void>>,
+    onPamiItemRequestReorder: EventName<PamiListItemCustomEvent<{ direction: 'up' | 'down'; from: number; }>>,
+    onPamiExpand: EventName<PamiListItemCustomEvent<PamiListItemExpandDetail>>
+};
+
+export const PamiListItem: StencilReactComponent<PamiListItemElement, PamiListItemEvents, Components.PamiListItem> = /*@__PURE__*/ createComponent<PamiListItemElement, PamiListItemEvents, Components.PamiListItem>({
+    tagName: 'pami-list-item',
+    properties: {
+        type: 'type',
+        headline: 'headline',
+        overline: 'overline',
+        supportingText: 'supporting-text',
+        trailingSupportingText: 'trailing-supporting-text',
+        leadingIcon: 'leading-icon',
+        trailingIcon: 'trailing-icon',
+        leadingAvatar: 'leading-avatar',
+        leadingAvatarAlt: 'leading-avatar-alt',
+        leadingAvatarName: 'leading-avatar-name',
+        leadingAvatarLabel: 'leading-avatar-label',
+        leadingImage: 'leading-image',
+        leadingImageAlt: 'leading-image-alt',
+        lines: 'lines',
+        href: 'href',
+        target: 'target',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        selected: 'selected',
+        expandable: 'expandable',
+        expanded: 'expanded',
+        tabbable: 'tabbable',
+        rovingFocusVisible: 'roving-focus-visible',
+        selectionMode: 'selection-mode',
+        interactionMode: 'interaction-mode',
+        containerRole: 'container-role',
+        reorderable: 'reorderable',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiListItem as StencilReactComponent<PamiListItemElement, PamiListItemEvents, Components.PamiListItem>,
+    serializeShadowRoot
+});
+
+export type PamiLoadingIndicatorEvents = NonNullable<unknown>;
+
+export const PamiLoadingIndicator: StencilReactComponent<PamiLoadingIndicatorElement, PamiLoadingIndicatorEvents, Components.PamiLoadingIndicator> = /*@__PURE__*/ createComponent<PamiLoadingIndicatorElement, PamiLoadingIndicatorEvents, Components.PamiLoadingIndicator>({
+    tagName: 'pami-loading-indicator',
+    properties: {
+        variant: 'variant',
+        label: 'label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiLoadingIndicator as StencilReactComponent<PamiLoadingIndicatorElement, PamiLoadingIndicatorEvents, Components.PamiLoadingIndicator>,
+    serializeShadowRoot
+});
+
+export type PamiMenuEvents = {
+    onPamiOpen: EventName<PamiMenuCustomEvent<void>>,
+    onPamiClose: EventName<PamiMenuCustomEvent<void>>
+};
+
+export const PamiMenu: StencilReactComponent<PamiMenuElement, PamiMenuEvents, Components.PamiMenu> = /*@__PURE__*/ createComponent<PamiMenuElement, PamiMenuEvents, Components.PamiMenu>({
+    tagName: 'pami-menu',
+    properties: {
+        open: 'open',
+        anchor: 'anchor',
+        placement: 'placement',
+        quick: 'quick',
+        variant: 'variant',
+        layout: 'layout',
+        useGap: 'use-gap',
+        emptyText: 'empty-text',
+        matchAnchorWidth: 'match-anchor-width',
+        responsive: 'responsive',
+        persistent: 'persistent',
+        autoFocus: 'auto-focus',
+        maxHeight: 'max-height',
+        listLabel: 'list-label',
+        listbox: 'listbox',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiMenu as StencilReactComponent<PamiMenuElement, PamiMenuEvents, Components.PamiMenu>,
+    serializeShadowRoot
+});
+
+export type PamiMenuItemEvents = { onPamiClick: EventName<PamiMenuItemCustomEvent<void>> };
+
+export const PamiMenuItem: StencilReactComponent<PamiMenuItemElement, PamiMenuItemEvents, Components.PamiMenuItem> = /*@__PURE__*/ createComponent<PamiMenuItemElement, PamiMenuItemEvents, Components.PamiMenuItem>({
+    tagName: 'pami-menu-item',
+    properties: {
+        headline: 'headline',
+        supportingText: 'supporting-text',
+        trailingText: 'trailing-text',
+        disabled: 'disabled',
+        selected: 'selected',
+        indeterminate: 'indeterminate',
+        keepOpen: 'keep-open',
+        divider: 'divider',
+        gap: 'gap',
+        badge: 'badge',
+        type: 'type',
+        checkPosition: 'check-position',
+        presentation: 'presentation',
+        roleOverride: 'role-override',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiMenuItem as StencilReactComponent<PamiMenuItemElement, PamiMenuItemEvents, Components.PamiMenuItem>,
+    serializeShadowRoot
+});
+
+export type PamiMenuItemGroupEvents = NonNullable<unknown>;
+
+export const PamiMenuItemGroup: StencilReactComponent<PamiMenuItemGroupElement, PamiMenuItemGroupEvents, Components.PamiMenuItemGroup> = /*@__PURE__*/ createComponent<PamiMenuItemGroupElement, PamiMenuItemGroupEvents, Components.PamiMenuItemGroup>({
+    tagName: 'pami-menu-item-group',
+    properties: {
+        label: 'label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiMenuItemGroup as StencilReactComponent<PamiMenuItemGroupElement, PamiMenuItemGroupEvents, Components.PamiMenuItemGroup>,
+    serializeShadowRoot
+});
+
+export type PamiMeterEvents = NonNullable<unknown>;
+
+export const PamiMeter: StencilReactComponent<PamiMeterElement, PamiMeterEvents, Components.PamiMeter> = /*@__PURE__*/ createComponent<PamiMeterElement, PamiMeterEvents, Components.PamiMeter>({
+    tagName: 'pami-meter',
+    properties: {
+        value: 'value',
+        min: 'min',
+        max: 'max',
+        label: 'label',
+        showLabel: 'show-label',
+        showValue: 'show-value',
+        valueText: 'value-text',
+        locale: 'locale',
+        color: 'color',
+        variant: 'variant',
+        size: 'size',
+        thickness: 'thickness',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiMeter as StencilReactComponent<PamiMeterElement, PamiMeterEvents, Components.PamiMeter>,
+    serializeShadowRoot
+});
+
+export type PamiMultiSelectEvents = {
+    onPamiChange: EventName<PamiMultiSelectCustomEvent<string[]>>,
+    onPamiOpen: EventName<PamiMultiSelectCustomEvent<void>>,
+    onPamiClose: EventName<PamiMultiSelectCustomEvent<void>>,
+    onPamiRemove: EventName<PamiMultiSelectCustomEvent<string>>,
+    onPamiClear: EventName<PamiMultiSelectCustomEvent<void>>,
+    onPamiValidityChange: EventName<PamiMultiSelectCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
+};
+
+export const PamiMultiSelect: StencilReactComponent<PamiMultiSelectElement, PamiMultiSelectEvents, Components.PamiMultiSelect> = /*@__PURE__*/ createComponent<PamiMultiSelectElement, PamiMultiSelectEvents, Components.PamiMultiSelect>({
+    tagName: 'pami-multi-select',
+    properties: {
+        valueMissingLabel: 'value-missing-label',
+        reserveSupportingSpace: 'reserve-supporting-space',
+        label: 'label',
+        placeholder: 'placeholder',
+        supportingText: 'supporting-text',
+        error: 'error',
+        errorText: 'error-text',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        required: 'required',
+        density: 'density',
+        options: 'options',
+        virtualize: 'virtualize',
+        filterable: 'filterable',
+        filterMode: 'filter-mode',
+        rowHeight: 'row-height',
+        maxSelected: 'max-selected',
+        showSelectAll: 'show-select-all',
+        selectAllLabel: 'select-all-label',
+        placement: 'placement',
+        maxHeight: 'max-height',
+        matchTriggerWidth: 'match-trigger-width',
+        displayMode: 'display-mode',
+        chipOverflow: 'chip-overflow',
+        chipPosition: 'chip-position',
+        trigger: 'trigger',
+        triggerIcon: 'trigger-icon',
+        triggerLabel: 'trigger-label',
+        searchPlaceholder: 'search-placeholder',
+        filterLabel: 'filter-label',
+        noResultsText: 'no-results-text',
+        noOptionsText: 'no-options-text',
+        searchingLabel: 'searching-label',
+        loadingText: 'loading-text',
+        loading: 'loading',
+        clearable: 'clearable',
+        clearIcon: 'clear-icon',
+        clearLabel: 'clear-label',
+        dropdownIcon: 'dropdown-icon',
+        name: 'name',
+        open: 'open'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiMultiSelect as StencilReactComponent<PamiMultiSelectElement, PamiMultiSelectEvents, Components.PamiMultiSelect>,
+    serializeShadowRoot
+});
+
+export type PamiNavigationBarEvents = { onPamiChange: EventName<PamiNavigationBarCustomEvent<{ index: number; previousIndex: number }>> };
+
+export const PamiNavigationBar: StencilReactComponent<PamiNavigationBarElement, PamiNavigationBarEvents, Components.PamiNavigationBar> = /*@__PURE__*/ createComponent<PamiNavigationBarElement, PamiNavigationBarEvents, Components.PamiNavigationBar>({
+    tagName: 'pami-navigation-bar',
+    properties: {
+        activeIndex: 'active-index',
+        labelBehavior: 'label-behavior',
+        manualActivation: 'manual-activation',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiNavigationBar as StencilReactComponent<PamiNavigationBarElement, PamiNavigationBarEvents, Components.PamiNavigationBar>,
+    serializeShadowRoot
+});
+
+export type PamiNavigationGroupEvents = NonNullable<unknown>;
+
+export const PamiNavigationGroup: StencilReactComponent<PamiNavigationGroupElement, PamiNavigationGroupEvents, Components.PamiNavigationGroup> = /*@__PURE__*/ createComponent<PamiNavigationGroupElement, PamiNavigationGroupEvents, Components.PamiNavigationGroup>({
+    tagName: 'pami-navigation-group',
+    properties: {
+        label: 'label',
+        expanded: 'expanded'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiNavigationGroup as StencilReactComponent<PamiNavigationGroupElement, PamiNavigationGroupEvents, Components.PamiNavigationGroup>,
+    serializeShadowRoot
+});
+
+export type PamiNavigationRailEvents = {
+    onPamiOpen: EventName<PamiNavigationRailCustomEvent<void>>,
+    onPamiClose: EventName<PamiNavigationRailCustomEvent<void>>,
+    onPamiTabChange: EventName<PamiNavigationRailCustomEvent<{ index: number; value: string; path?: string[] }>>,
+    onPamiExpand: EventName<PamiNavigationRailCustomEvent<void>>,
+    onPamiCollapse: EventName<PamiNavigationRailCustomEvent<void>>
+};
+
+export const PamiNavigationRail: StencilReactComponent<PamiNavigationRailElement, PamiNavigationRailEvents, Components.PamiNavigationRail> = /*@__PURE__*/ createComponent<PamiNavigationRailElement, PamiNavigationRailEvents, Components.PamiNavigationRail>({
+    tagName: 'pami-navigation-rail',
+    properties: {
+        variant: 'variant',
+        modal: 'modal',
+        fullHeight: 'full-height',
+        alignment: 'alignment',
+        expandable: 'expandable',
+        toggleLabel: 'toggle-label',
+        labelVisibility: 'label-visibility',
+        activeIndex: 'active-index',
+        label: 'label',
+        platformName: 'platform-name',
+        appName: 'app-name',
+        description: 'description',
+        activeValue: 'active-value',
+        presentation: 'presentation',
+        open: 'open',
+        closeLabel: 'close-label',
+        disableFocusManagement: 'disable-focus-management',
+        density: 'density',
+        orientation: 'orientation',
+        maxVisible: 'max-visible',
+        overflowLabel: 'overflow-label',
+        overflowIcon: 'overflow-icon'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiNavigationRail as StencilReactComponent<PamiNavigationRailElement, PamiNavigationRailEvents, Components.PamiNavigationRail>,
+    serializeShadowRoot
+});
+
+export type PamiNavigationRailTabEvents = {
+    onPamiChildrenToggle: EventName<PamiNavigationRailTabCustomEvent<{ value: string; open: boolean }>>,
+    onPamiTabClick: EventName<PamiNavigationRailTabCustomEvent<{ value: string }>>,
+    onPamiSubmenuToggle: EventName<PamiNavigationRailTabCustomEvent<{ open: boolean }>>
+};
+
+export const PamiNavigationRailTab: StencilReactComponent<PamiNavigationRailTabElement, PamiNavigationRailTabEvents, Components.PamiNavigationRailTab> = /*@__PURE__*/ createComponent<PamiNavigationRailTabElement, PamiNavigationRailTabEvents, Components.PamiNavigationRailTab>({
+    tagName: 'pami-navigation-rail-tab',
+    properties: {
+        icon: 'icon',
+        label: 'label',
+        active: 'active',
+        disabled: 'disabled',
+        badge: 'badge',
+        badgeValue: 'badge-value',
+        href: 'href',
+        target: 'target',
+        value: 'value',
+        labelVisibility: 'label-visibility',
+        expanded: 'expanded',
+        navigation: 'navigation',
+        childrenOpen: 'children-open',
+        childrenLabel: 'children-label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiNavigationRailTab as StencilReactComponent<PamiNavigationRailTabElement, PamiNavigationRailTabEvents, Components.PamiNavigationRailTab>,
+    serializeShadowRoot
+});
+
+export type PamiNavigationTabEvents = { onPamiTabClick: EventName<PamiNavigationTabCustomEvent<{ index: number }>> };
+
+export const PamiNavigationTab: StencilReactComponent<PamiNavigationTabElement, PamiNavigationTabEvents, Components.PamiNavigationTab> = /*@__PURE__*/ createComponent<PamiNavigationTabElement, PamiNavigationTabEvents, Components.PamiNavigationTab>({
+    tagName: 'pami-navigation-tab',
+    properties: {
+        active: 'active',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        label: 'label',
+        icon: 'icon',
+        activeIcon: 'active-icon',
+        badge: 'badge',
+        badgeValue: 'badge-value',
+        badgeMax: 'badge-max',
+        href: 'href',
+        target: 'target',
+        labelBehavior: 'label-behavior',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiNavigationTab as StencilReactComponent<PamiNavigationTabElement, PamiNavigationTabEvents, Components.PamiNavigationTab>,
+    serializeShadowRoot
+});
+
+export type PamiNumberFieldEvents = {
+    onPamiInput: EventName<PamiNumberFieldCustomEvent<PamiNumberFieldChangeDetail>>,
+    onPamiChange: EventName<PamiNumberFieldCustomEvent<PamiNumberFieldChangeDetail>>,
+    onPamiValidityChange: EventName<PamiNumberFieldCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
+};
+
+export const PamiNumberField: StencilReactComponent<PamiNumberFieldElement, PamiNumberFieldEvents, Components.PamiNumberField> = /*@__PURE__*/ createComponent<PamiNumberFieldElement, PamiNumberFieldEvents, Components.PamiNumberField>({
+    tagName: 'pami-number-field',
+    properties: {
+        label: 'label',
+        placeholder: 'placeholder',
+        supportingText: 'supporting-text',
+        error: 'error',
+        errorText: 'error-text',
+        disabled: 'disabled',
+        readOnly: 'readonly',
+        required: 'required',
+        name: 'name',
+        density: 'density',
+        value: 'value',
+        locale: 'locale',
+        formatOptions: 'format-options',
+        min: 'min',
+        max: 'max',
+        step: 'step',
+        smallStep: 'small-step',
+        largeStep: 'large-step',
+        snapOnStep: 'snap-on-step',
+        allowOutOfRange: 'allow-out-of-range',
+        allowWheelScrub: 'allow-wheel-scrub',
+        steppers: 'steppers',
+        incrementLabel: 'increment-label',
+        decrementLabel: 'decrement-label',
+        valueMissingLabel: 'value-missing-label',
+        reserveSupportingSpace: 'reserve-supporting-space'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiNumberField as StencilReactComponent<PamiNumberFieldElement, PamiNumberFieldEvents, Components.PamiNumberField>,
+    serializeShadowRoot
+});
+
+export type PamiOrganizationChartEvents = {
+    onPamiSelectionChange: EventName<PamiOrganizationChartCustomEvent<OrgChartSelectionChangeDetail>>,
+    onPamiNodeToggle: EventName<PamiOrganizationChartCustomEvent<OrgChartToggleDetail>>
+};
+
+export const PamiOrganizationChart: StencilReactComponent<PamiOrganizationChartElement, PamiOrganizationChartEvents, Components.PamiOrganizationChart> = /*@__PURE__*/ createComponent<PamiOrganizationChartElement, PamiOrganizationChartEvents, Components.PamiOrganizationChart>({
+    tagName: 'pami-organization-chart',
+    properties: {
+        nodes: 'nodes',
+        selectionMode: 'selection-mode',
+        collapsible: 'collapsible',
+        orientation: 'orientation',
+        label: 'label',
+        expandLabel: 'expand-label',
+        collapseLabel: 'collapse-label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiOrganizationChart as StencilReactComponent<PamiOrganizationChartElement, PamiOrganizationChartEvents, Components.PamiOrganizationChart>,
+    serializeShadowRoot
+});
+
+export type PamiOtpFieldEvents = {
+    onPamiInput: EventName<PamiOtpFieldCustomEvent<string>>,
+    onPamiChange: EventName<PamiOtpFieldCustomEvent<string>>,
+    onPamiComplete: EventName<PamiOtpFieldCustomEvent<PamiOtpFieldCompleteDetail>>,
+    onPamiInvalidInput: EventName<PamiOtpFieldCustomEvent<PamiOtpFieldInvalidDetail>>,
+    onPamiValidityChange: EventName<PamiOtpFieldCustomEvent<PamiOtpFieldValidityDetail>>
+};
+
+export const PamiOtpField: StencilReactComponent<PamiOtpFieldElement, PamiOtpFieldEvents, Components.PamiOtpField> = /*@__PURE__*/ createComponent<PamiOtpFieldElement, PamiOtpFieldEvents, Components.PamiOtpField>({
+    tagName: 'pami-otp-field',
+    properties: {
+        length: 'length',
+        value: 'value',
+        validationType: 'validation-type',
+        transform: 'transform',
+        mask: 'mask',
+        autoSubmit: 'auto-submit',
+        groupSize: 'group-size',
+        inputMode: 'inputmode',
+        name: 'name',
+        disabled: 'disabled',
+        readOnly: 'readonly',
+        required: 'required',
+        error: 'error',
+        errorText: 'error-text',
+        supportingText: 'supporting-text',
+        label: 'label',
+        cellLabelTemplate: 'cell-label-template',
+        valueMissingLabel: 'value-missing-label',
+        incompleteLabel: 'incomplete-label',
+        density: 'density',
+        reserveSupportingSpace: 'reserve-supporting-space'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiOtpField as StencilReactComponent<PamiOtpFieldElement, PamiOtpFieldEvents, Components.PamiOtpField>,
+    serializeShadowRoot
+});
+
+export type PamiPieChartEvents = {
+    onPamiSliceClick: EventName<PamiPieChartCustomEvent<PamiChartClickDetail<PamiPieDatum>>>,
+    onPamiLegendClick: EventName<PamiPieChartCustomEvent<{ dataIndex: number; selected: boolean }>>,
+    onPamiReady: EventName<PamiPieChartCustomEvent<void>>
+};
+
+export const PamiPieChart: StencilReactComponent<PamiPieChartElement, PamiPieChartEvents, Components.PamiPieChart> = /*@__PURE__*/ createComponent<PamiPieChartElement, PamiPieChartEvents, Components.PamiPieChart>({
+    tagName: 'pami-pie-chart',
+    properties: {
+        label: 'label',
+        titleAlign: 'title-align',
+        innerRadius: 'inner-radius',
+        outerRadius: 'outer-radius',
+        startAngle: 'start-angle',
+        endAngle: 'end-angle',
+        paddingAngle: 'padding-angle',
+        cornerRadius: 'corner-radius',
+        showLabels: 'show-labels',
+        labelMode: 'label-mode',
+        monochrome: 'monochrome',
+        gradient: 'gradient',
+        highlight: 'highlight',
+        legend: 'legend',
+        tooltip: 'tooltip',
+        locale: 'locale',
+        subtitle: 'subtitle',
+        summary: 'summary',
+        labelEmpty: 'label-empty',
+        loading: 'loading',
+        loadingLabel: 'loading-label',
+        labelPlot: 'label-plot',
+        labelPoint: 'label-point',
+        heightProp: 'height',
+        noAnimation: 'no-animation',
+        animation: 'animation',
+        animationDuration: 'animation-duration',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiPieChart as StencilReactComponent<PamiPieChartElement, PamiPieChartEvents, Components.PamiPieChart>,
+    serializeShadowRoot
+});
+
+export type PamiProgressIndicatorEvents = { onPamiComplete: EventName<PamiProgressIndicatorCustomEvent<void>> };
+
+export const PamiProgressIndicator: StencilReactComponent<PamiProgressIndicatorElement, PamiProgressIndicatorEvents, Components.PamiProgressIndicator> = /*@__PURE__*/ createComponent<PamiProgressIndicatorElement, PamiProgressIndicatorEvents, Components.PamiProgressIndicator>({
+    tagName: 'pami-progress-indicator',
+    properties: {
+        variant: 'variant',
+        value: 'value',
+        max: 'max',
+        indeterminate: 'indeterminate',
+        thickness: 'thickness',
+        wave: 'wave',
+        waveAmplitude: 'wave-amplitude',
+        waveLength: 'wave-length',
+        waveSpeed: 'wave-speed',
+        size: 'size',
+        fourColor: 'four-color',
+        label: 'label',
+        complete: 'complete',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiProgressIndicator as StencilReactComponent<PamiProgressIndicatorElement, PamiProgressIndicatorEvents, Components.PamiProgressIndicator>,
+    serializeShadowRoot
+});
+
+export type PamiRadioEvents = {
+    onPamiChange: EventName<PamiRadioCustomEvent<{ checked: boolean; value: string }>>,
+    onPamiFocus: EventName<PamiRadioCustomEvent<void>>,
+    onPamiBlur: EventName<PamiRadioCustomEvent<void>>,
+    onPamiValidityChange: EventName<PamiRadioCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
+};
+
+export const PamiRadio: StencilReactComponent<PamiRadioElement, PamiRadioEvents, Components.PamiRadio> = /*@__PURE__*/ createComponent<PamiRadioElement, PamiRadioEvents, Components.PamiRadio>({
+    tagName: 'pami-radio',
+    properties: {
+        valueMissingLabel: 'value-missing-label',
+        checked: 'checked',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        required: 'required',
+        name: 'name',
+        value: 'value',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiRadio as StencilReactComponent<PamiRadioElement, PamiRadioEvents, Components.PamiRadio>,
+    serializeShadowRoot
+});
+
+export type PamiRatingEvents = {
+    onPamiHover: EventName<PamiRatingCustomEvent<number | null>>,
+    onPamiChange: EventName<PamiRatingCustomEvent<number>>
+};
+
+export const PamiRating: StencilReactComponent<PamiRatingElement, PamiRatingEvents, Components.PamiRating> = /*@__PURE__*/ createComponent<PamiRatingElement, PamiRatingEvents, Components.PamiRating>({
+    tagName: 'pami-rating',
+    properties: {
+        value: 'value',
+        defaultValue: 'default-value',
+        max: 'max',
+        precision: 'precision',
+        size: 'size',
+        readonly: 'readonly',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        icon: 'icon',
+        emptyIcon: 'empty-icon',
+        outlineEmpty: 'outline-empty',
+        showValueLabel: 'show-value-label',
+        ratingLabel: 'rating-label',
+        name: 'name',
+        hover: 'hover',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiRating as StencilReactComponent<PamiRatingElement, PamiRatingEvents, Components.PamiRating>,
+    serializeShadowRoot
+});
+
+export type PamiRippleEvents = NonNullable<unknown>;
+
+export const PamiRipple: StencilReactComponent<PamiRippleElement, PamiRippleEvents, Components.PamiRipple> = /*@__PURE__*/ createComponent<PamiRippleElement, PamiRippleEvents, Components.PamiRipple>({
+    tagName: 'pami-ripple',
+    properties: { disabled: 'disabled' },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiRipple as StencilReactComponent<PamiRippleElement, PamiRippleEvents, Components.PamiRipple>,
+    serializeShadowRoot
+});
+
+export type PamiSearchEvents = {
+    onPamiInput: EventName<PamiSearchCustomEvent<{ value: string }>>,
+    onPamiSearch: EventName<PamiSearchCustomEvent<{ value: string }>>,
+    onPamiSubmit: EventName<PamiSearchCustomEvent<{ value: string }>>,
+    onPamiChange: EventName<PamiSearchCustomEvent<{ value: string }>>,
+    onPamiOpen: EventName<PamiSearchCustomEvent<void>>,
+    onPamiClose: EventName<PamiSearchCustomEvent<void>>,
+    onPamiClear: EventName<PamiSearchCustomEvent<void>>,
+    onPamiVoice: EventName<PamiSearchCustomEvent<{ value: string; final: boolean }>>,
+    onPamiLeadingIconClick: EventName<PamiSearchCustomEvent<PamiSearchLeadingIconClickDetail>>,
+    onPamiTrailingIconClick: EventName<PamiSearchCustomEvent<PamiSearchTrailingIconClickDetail>>
+};
+
+export const PamiSearch: StencilReactComponent<PamiSearchElement, PamiSearchEvents, Components.PamiSearch> = /*@__PURE__*/ createComponent<PamiSearchElement, PamiSearchEvents, Components.PamiSearch>({
+    tagName: 'pami-search',
+    properties: {
+        variant: 'variant',
+        layout: 'layout',
+        trigger: 'trigger',
+        triggerIcon: 'trigger-icon',
+        triggerFor: 'trigger-for',
+        fullWidth: 'full-width',
+        value: 'value',
+        placeholder: 'placeholder',
+        open: 'open',
+        disabled: 'disabled',
+        elevation: 'elevation',
+        leadingIcon: 'leading-icon',
+        openLeadingIcon: 'open-leading-icon',
+        showClearButton: 'show-clear-button',
+        voiceSearch: 'voice-search',
+        escapeCloses: 'escape-closes',
+        dismissOnOutsideClick: 'dismiss-on-outside-click',
+        scrollShadow: 'scroll-shadow',
+        maxBlockSize: 'max-block-size',
+        inputAriaLabel: 'input-aria-label',
+        initialFocus: 'initial-focus',
+        announceResults: 'announce-results',
+        resultsLabel: 'results-label',
+        noResultsLabel: 'no-results-label',
+        loading: 'loading',
+        debounce: 'debounce',
+        throttle: 'throttle',
+        loadingLabel: 'loading-label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiSearch as StencilReactComponent<PamiSearchElement, PamiSearchEvents, Components.PamiSearch>,
+    serializeShadowRoot
+});
+
+export type PamiSegmentedButtonEvents = { onPamiSegmentClick: EventName<PamiSegmentedButtonCustomEvent<{ value: string; selected: boolean }>> };
+
+export const PamiSegmentedButton: StencilReactComponent<PamiSegmentedButtonElement, PamiSegmentedButtonEvents, Components.PamiSegmentedButton> = /*@__PURE__*/ createComponent<PamiSegmentedButtonElement, PamiSegmentedButtonEvents, Components.PamiSegmentedButton>({
+    tagName: 'pami-segmented-button',
+    properties: {
+        value: 'value',
+        selected: 'selected',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        icon: 'icon',
+        label: 'label',
+        noCheckmark: 'no-checkmark',
+        ripple: 'ripple',
+        segmentIndex: 'segment-index',
+        segmentTotal: 'segment-total',
+        segmentDensity: 'segment-density',
+        segmentMultiselect: 'segment-multiselect',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiSegmentedButton as StencilReactComponent<PamiSegmentedButtonElement, PamiSegmentedButtonEvents, Components.PamiSegmentedButton>,
+    serializeShadowRoot
+});
+
+export type PamiSegmentedButtonSetEvents = { onPamiChange: EventName<PamiSegmentedButtonSetCustomEvent<string[]>> };
+
+export const PamiSegmentedButtonSet: StencilReactComponent<PamiSegmentedButtonSetElement, PamiSegmentedButtonSetEvents, Components.PamiSegmentedButtonSet> = /*@__PURE__*/ createComponent<PamiSegmentedButtonSetElement, PamiSegmentedButtonSetEvents, Components.PamiSegmentedButtonSet>({
+    tagName: 'pami-segmented-button-set',
+    properties: {
+        multiselect: 'multiselect',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiSegmentedButtonSet as StencilReactComponent<PamiSegmentedButtonSetElement, PamiSegmentedButtonSetEvents, Components.PamiSegmentedButtonSet>,
+    serializeShadowRoot
+});
+
+export type PamiSelectEvents = {
+    onPamiChange: EventName<PamiSelectCustomEvent<string>>,
+    onPamiOpen: EventName<PamiSelectCustomEvent<void>>,
+    onPamiClose: EventName<PamiSelectCustomEvent<void>>,
+    onPamiValidityChange: EventName<PamiSelectCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
+};
+
+export const PamiSelect: StencilReactComponent<PamiSelectElement, PamiSelectEvents, Components.PamiSelect> = /*@__PURE__*/ createComponent<PamiSelectElement, PamiSelectEvents, Components.PamiSelect>({
+    tagName: 'pami-select',
+    properties: {
+        valueMissingLabel: 'value-missing-label',
+        reserveSupportingSpace: 'reserve-supporting-space',
+        label: 'label',
+        placeholder: 'placeholder',
+        value: 'value',
+        disabled: 'disabled',
+        required: 'required',
+        error: 'error',
+        errorText: 'error-text',
+        supportingText: 'supporting-text',
+        density: 'density',
+        clearable: 'clearable',
+        matchTriggerWidth: 'match-trigger-width',
+        placement: 'placement',
+        maxHeight: 'max-height',
+        options: 'options',
+        virtualize: 'virtualize',
+        filterable: 'filterable',
+        filterMode: 'filter-mode',
+        rowHeight: 'row-height',
+        name: 'name',
+        searchPlaceholder: 'search-placeholder',
+        filterLabel: 'filter-label',
+        noResultsText: 'no-results-text',
+        noOptionsText: 'no-options-text',
+        clearLabel: 'clear-label',
+        searchingLabel: 'searching-label',
+        loadingText: 'loading-text',
+        clearIcon: 'clear-icon',
+        dropdownIcon: 'dropdown-icon',
+        loading: 'loading',
+        fullWidth: 'full-width',
+        open: 'open'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiSelect as StencilReactComponent<PamiSelectElement, PamiSelectEvents, Components.PamiSelect>,
+    serializeShadowRoot
+});
+
+export type PamiSelectOptionEvents = { onPamiSelectOptionChange: EventName<PamiSelectOptionCustomEvent<void>> };
+
+export const PamiSelectOption: StencilReactComponent<PamiSelectOptionElement, PamiSelectOptionEvents, Components.PamiSelectOption> = /*@__PURE__*/ createComponent<PamiSelectOptionElement, PamiSelectOptionEvents, Components.PamiSelectOption>({
+    tagName: 'pami-select-option',
+    properties: {
+        value: 'value',
+        label: 'label',
+        disabled: 'disabled',
+        selected: 'selected',
+        icon: 'icon',
+        iconColor: 'icon-color',
+        supportingText: 'supporting-text'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiSelectOption as StencilReactComponent<PamiSelectOptionElement, PamiSelectOptionEvents, Components.PamiSelectOption>,
+    serializeShadowRoot
+});
+
+export type PamiSideSheetEvents = {
+    onPamiOpen: EventName<PamiSideSheetCustomEvent<void>>,
+    onPamiClose: EventName<PamiSideSheetCustomEvent<void>>,
+    onPamiCancel: EventName<PamiSideSheetCustomEvent<void>>,
+    onPamiBack: EventName<PamiSideSheetCustomEvent<void>>
+};
+
+export const PamiSideSheet: StencilReactComponent<PamiSideSheetElement, PamiSideSheetEvents, Components.PamiSideSheet> = /*@__PURE__*/ createComponent<PamiSideSheetElement, PamiSideSheetEvents, Components.PamiSideSheet>({
+    tagName: 'pami-side-sheet',
+    properties: {
+        open: 'open',
+        variant: 'variant',
+        side: 'side',
+        headline: 'headline',
+        closeable: 'closeable',
+        showBack: 'show-back',
+        scrimDismissible: 'scrim-dismissible',
+        topDivider: 'top-divider',
+        bottomDivider: 'bottom-divider',
+        detached: 'detached',
+        sheetAriaLabel: 'aria-label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiSideSheet as StencilReactComponent<PamiSideSheetElement, PamiSideSheetEvents, Components.PamiSideSheet>,
+    serializeShadowRoot
+});
+
+export type PamiSkeletonEvents = NonNullable<unknown>;
+
+export const PamiSkeleton: StencilReactComponent<PamiSkeletonElement, PamiSkeletonEvents, Components.PamiSkeleton> = /*@__PURE__*/ createComponent<PamiSkeletonElement, PamiSkeletonEvents, Components.PamiSkeleton>({
+    tagName: 'pami-skeleton',
+    properties: {
+        variant: 'variant',
+        animation: 'animation',
+        lines: 'lines',
+        width: 'width',
+        height: 'height',
+        fullWidth: 'full-width',
+        fullHeight: 'full-height',
+        ariaLabelProp: 'aria-label',
+        announce: 'announce',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiSkeleton as StencilReactComponent<PamiSkeletonElement, PamiSkeletonEvents, Components.PamiSkeleton>,
+    serializeShadowRoot
+});
+
+export type PamiSliderEvents = {
+    onPamiInput: EventName<PamiSliderCustomEvent<PamiSliderValueDetail>>,
+    onPamiChange: EventName<PamiSliderCustomEvent<PamiSliderValueDetail>>,
+    onPamiFocus: EventName<PamiSliderCustomEvent<PamiSliderThumbDetail>>,
+    onPamiBlur: EventName<PamiSliderCustomEvent<PamiSliderThumbDetail>>,
+    onPamiDragStart: EventName<PamiSliderCustomEvent<PamiSliderDragDetail>>,
+    onPamiDragEnd: EventName<PamiSliderCustomEvent<PamiSliderDragDetail>>
+};
+
+export const PamiSlider: StencilReactComponent<PamiSliderElement, PamiSliderEvents, Components.PamiSlider> = /*@__PURE__*/ createComponent<PamiSliderElement, PamiSliderEvents, Components.PamiSlider>({
+    tagName: 'pami-slider',
+    properties: {
+        min: 'min',
+        max: 'max',
+        value: 'value',
+        step: 'step',
+        disabled: 'disabled',
+        name: 'name',
+        nameStart: 'name-start',
+        nameEnd: 'name-end',
+        variant: 'variant',
+        range: 'range',
+        stops: 'stops',
+        valueStart: 'value-start',
+        valueEnd: 'value-end',
+        size: 'size',
+        orientation: 'orientation',
+        fullHeight: 'full-height',
+        valueIndicator: 'value-indicator',
+        labeled: 'labeled',
+        insetIcon: 'inset-icon',
+        icon: 'icon',
+        sliderAriaLabel: 'aria-label',
+        ariaLabelStart: 'label-start',
+        ariaLabelEnd: 'label-end',
+        valueText: 'value-text',
+        valueStartText: 'value-start-text',
+        valueEndText: 'value-end-text',
+        controlled: 'controlled',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiSlider as StencilReactComponent<PamiSliderElement, PamiSliderEvents, Components.PamiSlider>,
+    serializeShadowRoot
+});
+
+export type PamiSnackbarEvents = {
+    onPamiOpen: EventName<PamiSnackbarCustomEvent<void>>,
+    onPamiClose: EventName<PamiSnackbarCustomEvent<{ reason: 'auto' | 'action' | 'close' }>>,
+    onPamiAction: EventName<PamiSnackbarCustomEvent<void>>
+};
+
+export const PamiSnackbar: StencilReactComponent<PamiSnackbarElement, PamiSnackbarEvents, Components.PamiSnackbar> = /*@__PURE__*/ createComponent<PamiSnackbarElement, PamiSnackbarEvents, Components.PamiSnackbar>({
+    tagName: 'pami-snackbar',
+    properties: {
+        open: 'open',
+        message: 'message',
+        action: 'action',
+        closeable: 'closeable',
+        autoHide: 'auto-hide',
+        autoHideDuration: 'auto-hide-duration',
+        position: 'position',
+        stacked: 'stacked',
+        politeness: 'politeness',
+        dismissLabel: 'dismiss-label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiSnackbar as StencilReactComponent<PamiSnackbarElement, PamiSnackbarEvents, Components.PamiSnackbar>,
+    serializeShadowRoot
+});
+
+export type PamiSparklineEvents = {
+    onPamiSparkClick: EventName<PamiSparklineCustomEvent<{ dataIndex: number; value: number | null }>>,
+    onPamiReady: EventName<PamiSparklineCustomEvent<void>>
+};
+
+export const PamiSparkline: StencilReactComponent<PamiSparklineElement, PamiSparklineEvents, Components.PamiSparkline> = /*@__PURE__*/ createComponent<PamiSparklineElement, PamiSparklineEvents, Components.PamiSparkline>({
+    tagName: 'pami-sparkline',
+    properties: {
+        variant: 'variant',
+        color: 'color',
+        curve: 'curve',
+        showTooltip: 'show-tooltip',
+        showMarks: 'show-marks',
+        heightProp: 'height',
+        noAnimation: 'no-animation',
+        cornerRadius: 'corner-radius',
+        min: 'min',
+        max: 'max',
+        lineWidth: 'line-width',
+        markSize: 'mark-size',
+        barWidth: 'bar-width'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiSparkline as StencilReactComponent<PamiSparklineElement, PamiSparklineEvents, Components.PamiSparkline>,
+    serializeShadowRoot
+});
+
+export type PamiSplitButtonEvents = {
+    onPamiLeadingClick: EventName<PamiSplitButtonCustomEvent<void>>,
+    onPamiTrailingClick: EventName<PamiSplitButtonCustomEvent<{ checked: boolean }>>
+};
+
+export const PamiSplitButton: StencilReactComponent<PamiSplitButtonElement, PamiSplitButtonEvents, Components.PamiSplitButton> = /*@__PURE__*/ createComponent<PamiSplitButtonElement, PamiSplitButtonEvents, Components.PamiSplitButton>({
+    tagName: 'pami-split-button',
+    properties: {
+        variant: 'variant',
+        size: 'size',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        icon: 'icon',
+        label: 'label',
+        trailingIcon: 'trailing-icon',
+        trailingChecked: 'trailing-checked',
+        menuLabel: 'menu-label',
+        haspopup: 'haspopup',
+        controls: 'controls',
+        fullWidth: 'full-width',
+        ripple: 'ripple',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiSplitButton as StencilReactComponent<PamiSplitButtonElement, PamiSplitButtonEvents, Components.PamiSplitButton>,
+    serializeShadowRoot
+});
+
+export type PamiStatusDotEvents = NonNullable<unknown>;
+
+export const PamiStatusDot: StencilReactComponent<PamiStatusDotElement, PamiStatusDotEvents, Components.PamiStatusDot> = /*@__PURE__*/ createComponent<PamiStatusDotElement, PamiStatusDotEvents, Components.PamiStatusDot>({
+    tagName: 'pami-status-dot',
+    properties: {
+        state: 'state',
+        size: 'size',
+        inline: 'inline',
+        shape: 'shape',
+        live: 'live',
+        label: 'label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiStatusDot as StencilReactComponent<PamiStatusDotElement, PamiStatusDotEvents, Components.PamiStatusDot>,
+    serializeShadowRoot
+});
+
+export type PamiStepEvents = {
+    onPamiStepClick: EventName<PamiStepCustomEvent<{ index: number }>>,
+    onPamiStepNext: EventName<PamiStepCustomEvent<{ index: number }>>,
+    onPamiStepBack: EventName<PamiStepCustomEvent<{ index: number }>>
+};
+
+export const PamiStep: StencilReactComponent<PamiStepElement, PamiStepEvents, Components.PamiStep> = /*@__PURE__*/ createComponent<PamiStepElement, PamiStepEvents, Components.PamiStep>({
+    tagName: 'pami-step',
+    properties: {
+        label: 'label',
+        description: 'description',
+        completed: 'completed',
+        active: 'active',
+        error: 'error',
+        errorText: 'error-text',
+        disabled: 'disabled',
+        optional: 'optional',
+        editable: 'editable',
+        icon: 'icon',
+        completedIcon: 'completed-icon',
+        errorIcon: 'error-icon',
+        accessibleName: 'accessible-name',
+        hideActions: 'hide-actions',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiStep as StencilReactComponent<PamiStepElement, PamiStepEvents, Components.PamiStep>,
+    serializeShadowRoot
+});
+
+export type PamiStepperEvents = {
+    onPamiBeforeChange: EventName<PamiStepperCustomEvent<{ index: number; previous: number }>>,
+    onPamiStepChange: EventName<PamiStepperCustomEvent<{ index: number; previous: number }>>,
+    onPamiComplete: EventName<PamiStepperCustomEvent<void>>
+};
+
+export const PamiStepper: StencilReactComponent<PamiStepperElement, PamiStepperEvents, Components.PamiStepper> = /*@__PURE__*/ createComponent<PamiStepperElement, PamiStepperEvents, Components.PamiStepper>({
+    tagName: 'pami-stepper',
+    properties: {
+        orientation: 'orientation',
+        indicator: 'indicator',
+        variant: 'variant',
+        mode: 'mode',
+        active: 'active',
+        autoComplete: 'auto-complete',
+        nav: 'nav',
+        readonly: 'readonly',
+        nextDisabled: 'next-disabled',
+        loading: 'loading',
+        lazy: 'lazy',
+        label: 'label',
+        stepWord: 'step-word',
+        ofWord: 'of-word',
+        completedWord: 'completed-word',
+        currentWord: 'current-word',
+        errorWord: 'error-word',
+        optionalWord: 'optional-word',
+        nextLabel: 'next-label',
+        backLabel: 'back-label',
+        finishLabel: 'finish-label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiStepper as StencilReactComponent<PamiStepperElement, PamiStepperEvents, Components.PamiStepper>,
+    serializeShadowRoot
+});
+
+export type PamiSubMenuItemEvents = { onPamiClick: EventName<PamiSubMenuItemCustomEvent<void>> };
+
+export const PamiSubMenuItem: StencilReactComponent<PamiSubMenuItemElement, PamiSubMenuItemEvents, Components.PamiSubMenuItem> = /*@__PURE__*/ createComponent<PamiSubMenuItemElement, PamiSubMenuItemEvents, Components.PamiSubMenuItem>({
+    tagName: 'pami-sub-menu-item',
+    properties: {
+        headline: 'headline',
+        supportingText: 'supporting-text',
+        disabled: 'disabled',
+        divider: 'divider',
+        gap: 'gap',
+        badge: 'badge',
+        openDelay: 'open-delay',
+        closeDelay: 'close-delay',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiSubMenuItem as StencilReactComponent<PamiSubMenuItemElement, PamiSubMenuItemEvents, Components.PamiSubMenuItem>,
+    serializeShadowRoot
+});
+
+export type PamiSwitchEvents = {
+    onPamiInput: EventName<PamiSwitchCustomEvent<{ selected: boolean }>>,
+    onPamiChange: EventName<PamiSwitchCustomEvent<{ selected: boolean }>>,
+    onPamiValidityChange: EventName<PamiSwitchCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
+};
+
+export const PamiSwitch: StencilReactComponent<PamiSwitchElement, PamiSwitchEvents, Components.PamiSwitch> = /*@__PURE__*/ createComponent<PamiSwitchElement, PamiSwitchEvents, Components.PamiSwitch>({
+    tagName: 'pami-switch',
+    properties: {
+        valueMissingLabel: 'value-missing-label',
+        selected: 'selected',
+        disabled: 'disabled',
+        softDisabled: 'soft-disabled',
+        required: 'required',
+        name: 'name',
+        value: 'value',
+        icons: 'icons',
+        showOnlySelectedIcon: 'show-only-selected-icon',
+        selectedIcon: 'selected-icon',
+        unselectedIcon: 'unselected-icon',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiSwitch as StencilReactComponent<PamiSwitchElement, PamiSwitchEvents, Components.PamiSwitch>,
+    serializeShadowRoot
+});
+
+export type PamiTabEvents = { onPamiTabClick: EventName<PamiTabCustomEvent<void>> };
+
+export const PamiTab: StencilReactComponent<PamiTabElement, PamiTabEvents, Components.PamiTab> = /*@__PURE__*/ createComponent<PamiTabElement, PamiTabEvents, Components.PamiTab>({
+    tagName: 'pami-tab',
+    properties: {
+        label: 'label',
+        icon: 'icon',
+        active: 'active',
+        disabled: 'disabled',
+        inlineIcon: 'inline-icon',
+        variant: 'variant',
+        badge: 'badge',
+        controls: 'controls',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiTab as StencilReactComponent<PamiTabElement, PamiTabEvents, Components.PamiTab>,
+    serializeShadowRoot
+});
+
+export type PamiTabPanelEvents = NonNullable<unknown>;
+
+export const PamiTabPanel: StencilReactComponent<PamiTabPanelElement, PamiTabPanelEvents, Components.PamiTabPanel> = /*@__PURE__*/ createComponent<PamiTabPanelElement, PamiTabPanelEvents, Components.PamiTabPanel>({
+    tagName: 'pami-tab-panel',
+    properties: { active: 'active' },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiTabPanel as StencilReactComponent<PamiTabPanelElement, PamiTabPanelEvents, Components.PamiTabPanel>,
+    serializeShadowRoot
+});
+
+export type PamiTabPanelsEvents = NonNullable<unknown>;
+
+export const PamiTabPanels: StencilReactComponent<PamiTabPanelsElement, PamiTabPanelsEvents, Components.PamiTabPanels> = /*@__PURE__*/ createComponent<PamiTabPanelsElement, PamiTabPanelsEvents, Components.PamiTabPanels>({
+    tagName: 'pami-tab-panels',
+    properties: {
+        for: 'for',
+        sizing: 'sizing'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiTabPanels as StencilReactComponent<PamiTabPanelsElement, PamiTabPanelsEvents, Components.PamiTabPanels>,
+    serializeShadowRoot
+});
+
+export type PamiTableEvents = {
+    onPamiSortChange: EventName<PamiTableCustomEvent<PamiTableSortState>>,
+    onPamiSelectionChange: EventName<PamiTableCustomEvent<PamiTableSelectionState>>,
+    onPamiPinChange: EventName<PamiTableCustomEvent<{ column: number; side: 'start' | 'end' | null }>>,
+    onPamiColumnVisibilityChange: EventName<PamiTableCustomEvent<{ column: number; visible: boolean; hidden: number[] }>>,
+    onPamiScroll: EventName<PamiTableCustomEvent<{ scrollLeft: number; scrollTop: number }>>
+};
+
+export const PamiTable: StencilReactComponent<PamiTableElement, PamiTableEvents, Components.PamiTable> = /*@__PURE__*/ createComponent<PamiTableElement, PamiTableEvents, Components.PamiTable>({
+    tagName: 'pami-table',
+    properties: {
+        density: 'density',
+        columnTemplate: 'column-template',
+        columns: 'columns',
+        minWidth: 'min-width',
+        stickyHeader: 'sticky-header',
+        frozenHeader: 'frozen-header',
+        keepHeight: 'keep-height',
+        scrollbar: 'scrollbar',
+        pinMode: 'pin-mode',
+        pinIcon: 'pin-icon',
+        stickyFooter: 'sticky-footer',
+        striped: 'striped',
+        noDividers: 'no-dividers',
+        hoverable: 'hoverable',
+        motion: 'motion',
+        selection: 'selection',
+        sortBy: 'sort-by',
+        sortOrder: 'sort-order',
+        loading: 'loading',
+        loadingMode: 'loading-mode',
+        loadingRows: 'loading-rows',
+        empty: 'empty',
+        label: 'label',
+        caption: 'caption',
+        summary: 'summary',
+        rowOffset: 'row-offset',
+        rowCount: 'row-count'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiTable as StencilReactComponent<PamiTableElement, PamiTableEvents, Components.PamiTable>,
+    serializeShadowRoot
+});
+
+export type PamiTableBodyEvents = NonNullable<unknown>;
+
+export const PamiTableBody: StencilReactComponent<PamiTableBodyElement, PamiTableBodyEvents, Components.PamiTableBody> = /*@__PURE__*/ createComponent<PamiTableBodyElement, PamiTableBodyEvents, Components.PamiTableBody>({
+    tagName: 'pami-table-body',
+    properties: { presentational: 'presentational' },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiTableBody as StencilReactComponent<PamiTableBodyElement, PamiTableBodyEvents, Components.PamiTableBody>,
+    serializeShadowRoot
+});
+
+export type PamiTableCellEvents = NonNullable<unknown>;
+
+export const PamiTableCell: StencilReactComponent<PamiTableCellElement, PamiTableCellEvents, Components.PamiTableCell> = /*@__PURE__*/ createComponent<PamiTableCellElement, PamiTableCellEvents, Components.PamiTableCell>({
+    tagName: 'pami-table-cell',
+    properties: {
+        align: 'align',
+        numeric: 'numeric',
+        padding: 'padding',
+        head: 'head',
+        scope: 'scope',
+        sticky: 'sticky',
+        colSpan: 'colspan',
+        rowSpan: 'rowspan',
+        ellipsis: 'ellipsis',
+        variant: 'variant',
+        noPinIndicator: 'no-pin-indicator',
+        pinIcon: 'pin-icon',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiTableCell as StencilReactComponent<PamiTableCellElement, PamiTableCellEvents, Components.PamiTableCell>,
+    serializeShadowRoot
+});
+
+export type PamiTableContainerEvents = NonNullable<unknown>;
+
+export const PamiTableContainer: StencilReactComponent<PamiTableContainerElement, PamiTableContainerEvents, Components.PamiTableContainer> = /*@__PURE__*/ createComponent<PamiTableContainerElement, PamiTableContainerEvents, Components.PamiTableContainer>({
+    tagName: 'pami-table-container',
+    properties: {
+        variant: 'variant',
+        shape: 'shape',
+        maxHeight: 'max-height',
+        minHeight: 'min-height',
+        vibrant: 'vibrant',
+        elevation: 'elevation'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiTableContainer as StencilReactComponent<PamiTableContainerElement, PamiTableContainerEvents, Components.PamiTableContainer>,
+    serializeShadowRoot
+});
+
+export type PamiTableExpandToggleEvents = NonNullable<unknown>;
+
+export const PamiTableExpandToggle: StencilReactComponent<PamiTableExpandToggleElement, PamiTableExpandToggleEvents, Components.PamiTableExpandToggle> = /*@__PURE__*/ createComponent<PamiTableExpandToggleElement, PamiTableExpandToggleEvents, Components.PamiTableExpandToggle>({
+    tagName: 'pami-table-expand-toggle',
+    properties: {
+        buttonLabel: 'button-label',
+        icon: 'icon'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiTableExpandToggle as StencilReactComponent<PamiTableExpandToggleElement, PamiTableExpandToggleEvents, Components.PamiTableExpandToggle>,
+    serializeShadowRoot
+});
+
+export type PamiTableFootEvents = NonNullable<unknown>;
+
+export const PamiTableFoot: StencilReactComponent<PamiTableFootElement, PamiTableFootEvents, Components.PamiTableFoot> = /*@__PURE__*/ createComponent<PamiTableFootElement, PamiTableFootEvents, Components.PamiTableFoot>({
+    tagName: 'pami-table-foot',
+    properties: { presentational: 'presentational' },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiTableFoot as StencilReactComponent<PamiTableFootElement, PamiTableFootEvents, Components.PamiTableFoot>,
+    serializeShadowRoot
+});
+
+export type PamiTableHeadEvents = NonNullable<unknown>;
+
+export const PamiTableHead: StencilReactComponent<PamiTableHeadElement, PamiTableHeadEvents, Components.PamiTableHead> = /*@__PURE__*/ createComponent<PamiTableHeadElement, PamiTableHeadEvents, Components.PamiTableHead>({
+    tagName: 'pami-table-head',
+    properties: {},
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiTableHead as StencilReactComponent<PamiTableHeadElement, PamiTableHeadEvents, Components.PamiTableHead>,
+    serializeShadowRoot
+});
+
+export type PamiTablePaginationEvents = {
+    onPamiPageChange: EventName<PamiTablePaginationCustomEvent<{ page: number }>>,
+    onPamiRowsPerPageChange: EventName<PamiTablePaginationCustomEvent<{ rowsPerPage: number }>>
+};
+
+export const PamiTablePagination: StencilReactComponent<PamiTablePaginationElement, PamiTablePaginationEvents, Components.PamiTablePagination> = /*@__PURE__*/ createComponent<PamiTablePaginationElement, PamiTablePaginationEvents, Components.PamiTablePagination>({
+    tagName: 'pami-table-pagination',
+    properties: {
+        count: 'count',
+        page: 'page',
+        rowsPerPage: 'rows-per-page',
+        rowsPerPageOptions: 'rows-per-page-options',
+        showFirstLast: 'show-first-last',
+        labelDisplayedRows: 'label-displayed-rows',
+        labelRowsPerPage: 'label-rows-per-page',
+        labelFirstPage: 'label-first-page',
+        labelPreviousPage: 'label-previous-page',
+        labelNextPage: 'label-next-page',
+        labelLastPage: 'label-last-page',
+        labelAll: 'label-all',
+        compact: 'compact',
+        disabled: 'disabled',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiTablePagination as StencilReactComponent<PamiTablePaginationElement, PamiTablePaginationEvents, Components.PamiTablePagination>,
+    serializeShadowRoot
+});
+
+export type PamiTableRowEvents = {
+    onPamiRowClick: EventName<PamiTableRowCustomEvent<{ value: string; row: HTMLElement }>>,
+    onPamiRowSelectionChange: EventName<PamiTableRowCustomEvent<{ selected: boolean; value: string }>>,
+    onPamiRowExpandedChange: EventName<PamiTableRowCustomEvent<{ expanded: boolean }>>
+};
+
+export const PamiTableRow: StencilReactComponent<PamiTableRowElement, PamiTableRowEvents, Components.PamiTableRow> = /*@__PURE__*/ createComponent<PamiTableRowElement, PamiTableRowEvents, Components.PamiTableRow>({
+    tagName: 'pami-table-row',
+    properties: {
+        rowgroup: 'rowgroup',
+        selected: 'selected',
+        disabled: 'disabled',
+        selectable: 'selectable',
+        clickable: 'clickable',
+        value: 'value',
+        expandable: 'expandable',
+        expanded: 'expanded',
+        highlight: 'highlight'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiTableRow as StencilReactComponent<PamiTableRowElement, PamiTableRowEvents, Components.PamiTableRow>,
+    serializeShadowRoot
+});
+
+export type PamiTableSortLabelEvents = { onPamiSortRequest: EventName<PamiTableSortLabelCustomEvent<{ column: string; defaultOrder: 'asc' | 'desc' }>> };
+
+export const PamiTableSortLabel: StencilReactComponent<PamiTableSortLabelElement, PamiTableSortLabelEvents, Components.PamiTableSortLabel> = /*@__PURE__*/ createComponent<PamiTableSortLabelElement, PamiTableSortLabelEvents, Components.PamiTableSortLabel>({
+    tagName: 'pami-table-sort-label',
+    properties: {
+        column: 'column',
+        disabled: 'disabled',
+        defaultOrder: 'default-order',
+        iconPosition: 'icon-position',
+        icon: 'icon',
+        inactiveIcon: 'inactive-icon',
+        active: 'active',
+        order: 'order',
+        sortedAscendingLabel: 'sorted-ascending-label',
+        sortedDescendingLabel: 'sorted-descending-label',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiTableSortLabel as StencilReactComponent<PamiTableSortLabelElement, PamiTableSortLabelEvents, Components.PamiTableSortLabel>,
+    serializeShadowRoot
+});
+
+export type PamiTableToolbarEvents = NonNullable<unknown>;
+
+export const PamiTableToolbar: StencilReactComponent<PamiTableToolbarElement, PamiTableToolbarEvents, Components.PamiTableToolbar> = /*@__PURE__*/ createComponent<PamiTableToolbarElement, PamiTableToolbarEvents, Components.PamiTableToolbar>({
+    tagName: 'pami-table-toolbar',
+    properties: {
+        headline: 'headline',
+        supportingText: 'supporting-text',
+        numSelected: 'num-selected',
+        autoBind: 'auto-bind',
+        labelSelected: 'label-selected',
+        compact: 'compact',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiTableToolbar as StencilReactComponent<PamiTableToolbarElement, PamiTableToolbarEvents, Components.PamiTableToolbar>,
+    serializeShadowRoot
+});
+
+export type PamiTabsEvents = { onPamiTabChange: EventName<PamiTabsCustomEvent<{ index: number; previousIndex: number }>> };
+
+export const PamiTabs: StencilReactComponent<PamiTabsElement, PamiTabsEvents, Components.PamiTabs> = /*@__PURE__*/ createComponent<PamiTabsElement, PamiTabsEvents, Components.PamiTabs>({
+    tagName: 'pami-tabs',
+    properties: {
+        activeTabIndex: 'active-tab-index',
+        variant: 'variant',
+        divider: 'divider',
+        ariaLabelProp: 'aria-label',
+        tabWidth: 'tab-width',
+        width: 'width'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiTabs as StencilReactComponent<PamiTabsElement, PamiTabsEvents, Components.PamiTabs>,
+    serializeShadowRoot
+});
+
+export type PamiTagEvents = NonNullable<unknown>;
+
+export const PamiTag: StencilReactComponent<PamiTagElement, PamiTagEvents, Components.PamiTag> = /*@__PURE__*/ createComponent<PamiTagElement, PamiTagEvents, Components.PamiTag>({
+    tagName: 'pami-tag',
+    properties: { tone: 'tone' },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiTag as StencilReactComponent<PamiTagElement, PamiTagEvents, Components.PamiTag>,
+    serializeShadowRoot
+});
+
+export type PamiTextFieldEvents = {
+    onPamiInput: EventName<PamiTextFieldCustomEvent<string>>,
+    onPamiChange: EventName<PamiTextFieldCustomEvent<string>>,
+    onPamiSearch: EventName<PamiTextFieldCustomEvent<string>>,
+    onPamiClear: EventName<PamiTextFieldCustomEvent<void>>,
+    onPamiPasswordToggle: EventName<PamiTextFieldCustomEvent<{ visible: boolean }>>,
+    onPamiSpeechResult: EventName<PamiTextFieldCustomEvent<{ transcript: string; listening: boolean }>>,
+    onPamiValidityChange: EventName<PamiTextFieldCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
+};
+
+export const PamiTextField: StencilReactComponent<PamiTextFieldElement, PamiTextFieldEvents, Components.PamiTextField> = /*@__PURE__*/ createComponent<PamiTextFieldElement, PamiTextFieldEvents, Components.PamiTextField>({
+    tagName: 'pami-text-field',
+    properties: {
+        reserveSupportingSpace: 'reserve-supporting-space',
+        label: 'label',
+        value: 'value',
+        placeholder: 'placeholder',
+        type: 'type',
+        name: 'name',
+        pattern: 'pattern',
+        minLength: 'min-length',
+        min: 'min',
+        max: 'max',
+        step: 'step',
+        autocomplete: 'autocomplete',
+        inputMode: 'inputmode',
+        enterKeyHint: 'enterkeyhint',
+        autoCapitalize: 'autocapitalize',
+        spellcheck: 'spellcheck',
+        disabled: 'disabled',
+        readOnly: 'readonly',
+        required: 'required',
+        error: 'error',
+        errorText: 'error-text',
+        supportingText: 'supporting-text',
+        prefixText: 'prefix-text',
+        suffixText: 'suffix-text',
+        maxLength: 'max-length',
+        clearable: 'clearable',
+        passwordToggle: 'password-toggle',
+        showPasswordLabel: 'show-password-label',
+        hidePasswordLabel: 'hide-password-label',
+        density: 'density',
+        multiline: 'multiline',
+        rows: 'rows',
+        speechToText: 'speech-to-text',
+        speechLang: 'speech-lang',
+        restrict: 'restrict',
+        formatOn: 'format-on',
+        focusBorderWidth: 'focus-border-width',
+        appearFocused: 'appear-focused',
+        chipsWrap: 'chips-wrap',
+        debounce: 'debounce',
+        throttle: 'throttle',
+        inputRole: 'input-role',
+        inputExpanded: 'input-expanded',
+        inputAriaAutocomplete: 'input-aria-autocomplete'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiTextField as StencilReactComponent<PamiTextFieldElement, PamiTextFieldEvents, Components.PamiTextField>,
+    serializeShadowRoot
+});
+
+export type PamiTimePickerEvents = {
+    onPamiChange: EventName<PamiTimePickerCustomEvent<PamiTimePickerChangeDetail>>,
+    onPamiInput: EventName<PamiTimePickerCustomEvent<PamiTimePickerChangeDetail>>,
+    onPamiOpen: EventName<PamiTimePickerCustomEvent<void>>,
+    onPamiClose: EventName<PamiTimePickerCustomEvent<void>>,
+    onPamiCancel: EventName<PamiTimePickerCustomEvent<void>>,
+    onPamiModeChange: EventName<PamiTimePickerCustomEvent<PamiTimePickerModeChangeDetail>>,
+    onPamiValidityChange: EventName<PamiTimePickerCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
+};
+
+export const PamiTimePicker: StencilReactComponent<PamiTimePickerElement, PamiTimePickerEvents, Components.PamiTimePicker> = /*@__PURE__*/ createComponent<PamiTimePickerElement, PamiTimePickerEvents, Components.PamiTimePicker>({
+    tagName: 'pami-time-picker',
+    properties: {
+        variant: 'variant',
+        format: 'format',
+        value: 'value',
+        name: 'name',
+        min: 'min',
+        max: 'max',
+        required: 'required',
+        label: 'label',
+        supportingText: 'supporting-text',
+        error: 'error',
+        errorText: 'error-text',
+        reserveSupportingSpace: 'reserve-supporting-space',
+        headline: 'headline',
+        headlineInputLabel: 'headline-input-label',
+        headlineDialLabel: 'headline-dial-label',
+        valueMissingLabel: 'value-missing-label',
+        rangeUnderflowLabel: 'range-underflow-label',
+        rangeOverflowLabel: 'range-overflow-label',
+        rangeOutsideLabel: 'range-outside-label',
+        disabled: 'disabled',
+        open: 'open',
+        minuteStep: 'minute-step',
+        cancelLabel: 'cancel-label',
+        okLabel: 'ok-label',
+        hideTrigger: 'hide-trigger',
+        amLabel: 'am-label',
+        pmLabel: 'pm-label',
+        hourLabel: 'hour-label',
+        minuteLabel: 'minute-label',
+        toggleDialLabel: 'toggle-dial-label',
+        toggleInputLabel: 'toggle-input-label',
+        periodLabel: 'period-label',
+        periodLayout: 'period-layout',
+        orientation: 'orientation',
+        responsive: 'responsive',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiTimePicker as StencilReactComponent<PamiTimePickerElement, PamiTimePickerEvents, Components.PamiTimePicker>,
+    serializeShadowRoot
+});
+
+export type PamiToolbarEvents = NonNullable<unknown>;
+
+export const PamiToolbar: StencilReactComponent<PamiToolbarElement, PamiToolbarEvents, Components.PamiToolbar> = /*@__PURE__*/ createComponent<PamiToolbarElement, PamiToolbarEvents, Components.PamiToolbar>({
+    tagName: 'pami-toolbar',
+    properties: {
+        variant: 'variant',
+        color: 'color',
+        layout: 'layout',
+        alignment: 'alignment',
+        containerSemantics: 'container-semantics',
+        ariaLabelProp: 'aria-label',
+        ariaLabelledby: 'aria-labelledby',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiToolbar as StencilReactComponent<PamiToolbarElement, PamiToolbarEvents, Components.PamiToolbar>,
+    serializeShadowRoot
+});
+
+export type PamiTooltipEvents = {
+    onPamiOpen: EventName<PamiTooltipCustomEvent<void>>,
+    onPamiClose: EventName<PamiTooltipCustomEvent<void>>
+};
+
+export const PamiTooltip: StencilReactComponent<PamiTooltipElement, PamiTooltipEvents, Components.PamiTooltip> = /*@__PURE__*/ createComponent<PamiTooltipElement, PamiTooltipEvents, Components.PamiTooltip>({
+    tagName: 'pami-tooltip',
+    properties: {
+        text: 'text',
+        subhead: 'subhead',
+        variant: 'variant',
+        position: 'position',
+        autoPosition: 'auto-position',
+        offset: 'offset',
+        crossOffset: 'cross-offset',
+        open: 'open',
+        showDelay: 'show-delay',
+        hideDelay: 'hide-delay',
+        disabled: 'disabled',
+        density: 'density'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiTooltip as StencilReactComponent<PamiTooltipElement, PamiTooltipEvents, Components.PamiTooltip>,
+    serializeShadowRoot
+});
+
+export type PamiTransferListEvents = {
+    onPamiChange: EventName<PamiTransferListCustomEvent<string[]>>,
+    onPamiMove: EventName<PamiTransferListCustomEvent<{ direction: 'left' | 'right'; moved: string[]; target: string[]; }>>
+};
+
+export const PamiTransferList: StencilReactComponent<PamiTransferListElement, PamiTransferListEvents, Components.PamiTransferList> = /*@__PURE__*/ createComponent<PamiTransferListElement, PamiTransferListEvents, Components.PamiTransferList>({
+    tagName: 'pami-transfer-list',
+    properties: {
+        items: 'items',
+        sourceTitle: 'source-title',
+        targetTitle: 'target-title',
+        searchable: 'searchable',
+        sourceSearchPlaceholder: 'source-search-placeholder',
+        targetSearchPlaceholder: 'target-search-placeholder',
+        showSelectAll: 'show-select-all',
+        searchIcon: 'search-icon',
+        moveRightIcon: 'move-right-icon',
+        moveLeftIcon: 'move-left-icon',
+        moveAllRightIcon: 'move-all-right-icon',
+        moveAllLeftIcon: 'move-all-left-icon',
+        emptyIcon: 'empty-icon',
+        emptyText: 'empty-text',
+        countTemplate: 'count-template',
+        density: 'density',
+        disabled: 'disabled',
+        singleStepOnly: 'single-step-only',
+        moveRightLabel: 'move-right-label',
+        moveLeftLabel: 'move-left-label',
+        moveAllRightLabel: 'move-all-right-label',
+        moveAllLeftLabel: 'move-all-left-label'
+    },
+    hydrateModule: typeof window === 'undefined' ? (import('@bmxc/pami-elements/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PamiTransferList as StencilReactComponent<PamiTransferListElement, PamiTransferListEvents, Components.PamiTransferList>,
+    serializeShadowRoot
+});