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

package/src/components/PamiLineChart.ts

@@ -0,0 +1,44 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { PamiChartAxisClickDetail, PamiChartClickDetail, PamiChartHoverDetail, PamiChartXYSeries, PamiLineChartCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiLineChart as PamiLineChartElement, defineCustomElement as definePamiLineChart } from "@bmxc/pami-elements/dist/components/pami-line-chart.js";
+
+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',
+    elementClass: PamiLineChartElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onPamiMarkerClick: 'pamiMarkerClick',
+        onPamiLineClick: 'pamiLineClick',
+        onPamiAreaClick: 'pamiAreaClick',
+        onPamiAxisClick: 'pamiAxisClick',
+        onPamiLegendClick: 'pamiLegendClick',
+        onPamiHover: 'pamiHover',
+        onPamiReady: 'pamiReady',
+        onPamiZoom: 'pamiZoom'
+    } as PamiLineChartEvents,
+    defineCustomElement: definePamiLineChart
+});

package/src/components/PamiList.ts

@@ -0,0 +1,34 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { PamiListCustomEvent, PamiListSelectDetail } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiList as PamiListElement, defineCustomElement as definePamiList } from "@bmxc/pami-elements/dist/components/pami-list.js";
+
+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',
+    elementClass: PamiListElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onPamiSelect: 'pamiSelect',
+        onPamiActivate: 'pamiActivate',
+        onPamiReorder: 'pamiReorder'
+    } as PamiListEvents,
+    defineCustomElement: definePamiList
+});

package/src/components/PamiListItem.ts

@@ -0,0 +1,40 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { PamiListItemCustomEvent, PamiListItemExpandDetail } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiListItem as PamiListItemElement, defineCustomElement as definePamiListItem } from "@bmxc/pami-elements/dist/components/pami-list-item.js";
+
+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',
+    elementClass: PamiListItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onPamiClick: 'pamiClick',
+        onPamiItemClick: 'pamiItemClick',
+        onPamiItemSelect: 'pamiItemSelect',
+        onPamiRequestActivation: 'pamiRequestActivation',
+        onPamiItemRequestReorder: 'pamiItemRequestReorder',
+        onPamiExpand: 'pamiExpand'
+    } as PamiListItemEvents,
+    defineCustomElement: definePamiListItem
+});

package/src/components/PamiLoadingIndicator.ts

@@ -0,0 +1,25 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiLoadingIndicator as PamiLoadingIndicatorElement, defineCustomElement as definePamiLoadingIndicator } from "@bmxc/pami-elements/dist/components/pami-loading-indicator.js";
+
+export type PamiLoadingIndicatorEvents = NonNullable<unknown>;
+
+export const PamiLoadingIndicator: StencilReactComponent<PamiLoadingIndicatorElement, PamiLoadingIndicatorEvents, Components.PamiLoadingIndicator> = /*@__PURE__*/ createComponent<PamiLoadingIndicatorElement, PamiLoadingIndicatorEvents, Components.PamiLoadingIndicator>({
+    tagName: 'pami-loading-indicator',
+    elementClass: PamiLoadingIndicatorElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as PamiLoadingIndicatorEvents,
+    defineCustomElement: definePamiLoadingIndicator
+});

package/src/components/PamiMenu.ts

@@ -0,0 +1,32 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { PamiMenuCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiMenu as PamiMenuElement, defineCustomElement as definePamiMenu } from "@bmxc/pami-elements/dist/components/pami-menu.js";
+
+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',
+    elementClass: PamiMenuElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onPamiOpen: 'pamiOpen',
+        onPamiClose: 'pamiClose'
+    } as PamiMenuEvents,
+    defineCustomElement: definePamiMenu
+});

package/src/components/PamiMenuItem.ts

@@ -0,0 +1,26 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { PamiMenuItemCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiMenuItem as PamiMenuItemElement, defineCustomElement as definePamiMenuItem } from "@bmxc/pami-elements/dist/components/pami-menu-item.js";
+
+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',
+    elementClass: PamiMenuItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onPamiClick: 'pamiClick' } as PamiMenuItemEvents,
+    defineCustomElement: definePamiMenuItem
+});

package/src/components/PamiMenuItemGroup.ts

@@ -0,0 +1,25 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiMenuItemGroup as PamiMenuItemGroupElement, defineCustomElement as definePamiMenuItemGroup } from "@bmxc/pami-elements/dist/components/pami-menu-item-group.js";
+
+export type PamiMenuItemGroupEvents = NonNullable<unknown>;
+
+export const PamiMenuItemGroup: StencilReactComponent<PamiMenuItemGroupElement, PamiMenuItemGroupEvents, Components.PamiMenuItemGroup> = /*@__PURE__*/ createComponent<PamiMenuItemGroupElement, PamiMenuItemGroupEvents, Components.PamiMenuItemGroup>({
+    tagName: 'pami-menu-item-group',
+    elementClass: PamiMenuItemGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as PamiMenuItemGroupEvents,
+    defineCustomElement: definePamiMenuItemGroup
+});

package/src/components/PamiMeter.ts

@@ -0,0 +1,25 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiMeter as PamiMeterElement, defineCustomElement as definePamiMeter } from "@bmxc/pami-elements/dist/components/pami-meter.js";
+
+export type PamiMeterEvents = NonNullable<unknown>;
+
+export const PamiMeter: StencilReactComponent<PamiMeterElement, PamiMeterEvents, Components.PamiMeter> = /*@__PURE__*/ createComponent<PamiMeterElement, PamiMeterEvents, Components.PamiMeter>({
+    tagName: 'pami-meter',
+    elementClass: PamiMeterElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as PamiMeterEvents,
+    defineCustomElement: definePamiMeter
+});

package/src/components/PamiMultiSelect.ts

@@ -0,0 +1,40 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { PamiMultiSelectCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiMultiSelect as PamiMultiSelectElement, defineCustomElement as definePamiMultiSelect } from "@bmxc/pami-elements/dist/components/pami-multi-select.js";
+
+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',
+    elementClass: PamiMultiSelectElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onPamiChange: 'pamiChange',
+        onPamiOpen: 'pamiOpen',
+        onPamiClose: 'pamiClose',
+        onPamiRemove: 'pamiRemove',
+        onPamiClear: 'pamiClear',
+        onPamiValidityChange: 'pamiValidityChange'
+    } as PamiMultiSelectEvents,
+    defineCustomElement: definePamiMultiSelect
+});

package/src/components/PamiNavigationBar.ts

@@ -0,0 +1,26 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { PamiNavigationBarCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiNavigationBar as PamiNavigationBarElement, defineCustomElement as definePamiNavigationBar } from "@bmxc/pami-elements/dist/components/pami-navigation-bar.js";
+
+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',
+    elementClass: PamiNavigationBarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onPamiChange: 'pamiChange' } as PamiNavigationBarEvents,
+    defineCustomElement: definePamiNavigationBar
+});

package/src/components/PamiNavigationGroup.ts

@@ -0,0 +1,25 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiNavigationGroup as PamiNavigationGroupElement, defineCustomElement as definePamiNavigationGroup } from "@bmxc/pami-elements/dist/components/pami-navigation-group.js";
+
+export type PamiNavigationGroupEvents = NonNullable<unknown>;
+
+export const PamiNavigationGroup: StencilReactComponent<PamiNavigationGroupElement, PamiNavigationGroupEvents, Components.PamiNavigationGroup> = /*@__PURE__*/ createComponent<PamiNavigationGroupElement, PamiNavigationGroupEvents, Components.PamiNavigationGroup>({
+    tagName: 'pami-navigation-group',
+    elementClass: PamiNavigationGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as PamiNavigationGroupEvents,
+    defineCustomElement: definePamiNavigationGroup
+});

package/src/components/PamiNavigationRail.ts

@@ -0,0 +1,38 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { PamiNavigationRailCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiNavigationRail as PamiNavigationRailElement, defineCustomElement as definePamiNavigationRail } from "@bmxc/pami-elements/dist/components/pami-navigation-rail.js";
+
+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',
+    elementClass: PamiNavigationRailElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onPamiOpen: 'pamiOpen',
+        onPamiClose: 'pamiClose',
+        onPamiTabChange: 'pamiTabChange',
+        onPamiExpand: 'pamiExpand',
+        onPamiCollapse: 'pamiCollapse'
+    } as PamiNavigationRailEvents,
+    defineCustomElement: definePamiNavigationRail
+});

package/src/components/PamiNavigationRailTab.ts

@@ -0,0 +1,34 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { PamiNavigationRailTabCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiNavigationRailTab as PamiNavigationRailTabElement, defineCustomElement as definePamiNavigationRailTab } from "@bmxc/pami-elements/dist/components/pami-navigation-rail-tab.js";
+
+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',
+    elementClass: PamiNavigationRailTabElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onPamiChildrenToggle: 'pamiChildrenToggle',
+        onPamiTabClick: 'pamiTabClick',
+        onPamiSubmenuToggle: 'pamiSubmenuToggle'
+    } as PamiNavigationRailTabEvents,
+    defineCustomElement: definePamiNavigationRailTab
+});

package/src/components/PamiNavigationTab.ts

@@ -0,0 +1,26 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { PamiNavigationTabCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiNavigationTab as PamiNavigationTabElement, defineCustomElement as definePamiNavigationTab } from "@bmxc/pami-elements/dist/components/pami-navigation-tab.js";
+
+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',
+    elementClass: PamiNavigationTabElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onPamiTabClick: 'pamiTabClick' } as PamiNavigationTabEvents,
+    defineCustomElement: definePamiNavigationTab
+});

package/src/components/PamiNumberField.ts

@@ -0,0 +1,34 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { PamiNumberFieldChangeDetail, PamiNumberFieldCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiNumberField as PamiNumberFieldElement, defineCustomElement as definePamiNumberField } from "@bmxc/pami-elements/dist/components/pami-number-field.js";
+
+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',
+    elementClass: PamiNumberFieldElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onPamiInput: 'pamiInput',
+        onPamiChange: 'pamiChange',
+        onPamiValidityChange: 'pamiValidityChange'
+    } as PamiNumberFieldEvents,
+    defineCustomElement: definePamiNumberField
+});

package/src/components/PamiOrganizationChart.ts

@@ -0,0 +1,32 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { OrgChartSelectionChangeDetail, OrgChartToggleDetail, PamiOrganizationChartCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiOrganizationChart as PamiOrganizationChartElement, defineCustomElement as definePamiOrganizationChart } from "@bmxc/pami-elements/dist/components/pami-organization-chart.js";
+
+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',
+    elementClass: PamiOrganizationChartElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onPamiSelectionChange: 'pamiSelectionChange',
+        onPamiNodeToggle: 'pamiNodeToggle'
+    } as PamiOrganizationChartEvents,
+    defineCustomElement: definePamiOrganizationChart
+});

package/src/components/PamiOtpField.ts

@@ -0,0 +1,38 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { PamiOtpFieldCompleteDetail, PamiOtpFieldCustomEvent, PamiOtpFieldInvalidDetail, PamiOtpFieldValidityDetail } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiOtpField as PamiOtpFieldElement, defineCustomElement as definePamiOtpField } from "@bmxc/pami-elements/dist/components/pami-otp-field.js";
+
+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',
+    elementClass: PamiOtpFieldElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onPamiInput: 'pamiInput',
+        onPamiChange: 'pamiChange',
+        onPamiComplete: 'pamiComplete',
+        onPamiInvalidInput: 'pamiInvalidInput',
+        onPamiValidityChange: 'pamiValidityChange'
+    } as PamiOtpFieldEvents,
+    defineCustomElement: definePamiOtpField
+});

package/src/components/PamiPieChart.ts

@@ -0,0 +1,34 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { PamiChartClickDetail, PamiPieChartCustomEvent, PamiPieDatum } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiPieChart as PamiPieChartElement, defineCustomElement as definePamiPieChart } from "@bmxc/pami-elements/dist/components/pami-pie-chart.js";
+
+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',
+    elementClass: PamiPieChartElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onPamiSliceClick: 'pamiSliceClick',
+        onPamiLegendClick: 'pamiLegendClick',
+        onPamiReady: 'pamiReady'
+    } as PamiPieChartEvents,
+    defineCustomElement: definePamiPieChart
+});

package/src/components/PamiProgressIndicator.ts

@@ -0,0 +1,26 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { PamiProgressIndicatorCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiProgressIndicator as PamiProgressIndicatorElement, defineCustomElement as definePamiProgressIndicator } from "@bmxc/pami-elements/dist/components/pami-progress-indicator.js";
+
+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',
+    elementClass: PamiProgressIndicatorElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onPamiComplete: 'pamiComplete' } as PamiProgressIndicatorEvents,
+    defineCustomElement: definePamiProgressIndicator
+});