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

package/src/components/PamiSearch.ts

@@ -0,0 +1,48 @@
+'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 { PamiSearchCustomEvent, PamiSearchLeadingIconClickDetail, PamiSearchTrailingIconClickDetail } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiSearch as PamiSearchElement, defineCustomElement as definePamiSearch } from "@bmxc/pami-elements/dist/components/pami-search.js";
+
+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',
+    elementClass: PamiSearchElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onPamiInput: 'pamiInput',
+        onPamiSearch: 'pamiSearch',
+        onPamiSubmit: 'pamiSubmit',
+        onPamiChange: 'pamiChange',
+        onPamiOpen: 'pamiOpen',
+        onPamiClose: 'pamiClose',
+        onPamiClear: 'pamiClear',
+        onPamiVoice: 'pamiVoice',
+        onPamiLeadingIconClick: 'pamiLeadingIconClick',
+        onPamiTrailingIconClick: 'pamiTrailingIconClick'
+    } as PamiSearchEvents,
+    defineCustomElement: definePamiSearch
+});

package/src/components/PamiSegmentedButton.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 { PamiSegmentedButtonCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiSegmentedButton as PamiSegmentedButtonElement, defineCustomElement as definePamiSegmentedButton } from "@bmxc/pami-elements/dist/components/pami-segmented-button.js";
+
+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',
+    elementClass: PamiSegmentedButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onPamiSegmentClick: 'pamiSegmentClick' } as PamiSegmentedButtonEvents,
+    defineCustomElement: definePamiSegmentedButton
+});

package/src/components/PamiSegmentedButtonSet.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 { PamiSegmentedButtonSetCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiSegmentedButtonSet as PamiSegmentedButtonSetElement, defineCustomElement as definePamiSegmentedButtonSet } from "@bmxc/pami-elements/dist/components/pami-segmented-button-set.js";
+
+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',
+    elementClass: PamiSegmentedButtonSetElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onPamiChange: 'pamiChange' } as PamiSegmentedButtonSetEvents,
+    defineCustomElement: definePamiSegmentedButtonSet
+});

package/src/components/PamiSelect.ts

@@ -0,0 +1,36 @@
+'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 { PamiSelectCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiSelect as PamiSelectElement, defineCustomElement as definePamiSelect } from "@bmxc/pami-elements/dist/components/pami-select.js";
+
+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',
+    elementClass: PamiSelectElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onPamiChange: 'pamiChange',
+        onPamiOpen: 'pamiOpen',
+        onPamiClose: 'pamiClose',
+        onPamiValidityChange: 'pamiValidityChange'
+    } as PamiSelectEvents,
+    defineCustomElement: definePamiSelect
+});

package/src/components/PamiSelectOption.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 { PamiSelectOptionCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiSelectOption as PamiSelectOptionElement, defineCustomElement as definePamiSelectOption } from "@bmxc/pami-elements/dist/components/pami-select-option.js";
+
+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',
+    elementClass: PamiSelectOptionElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onPamiSelectOptionChange: 'pamiSelectOptionChange' } as PamiSelectOptionEvents,
+    defineCustomElement: definePamiSelectOption
+});

package/src/components/PamiSideSheet.ts

@@ -0,0 +1,36 @@
+'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 { PamiSideSheetCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiSideSheet as PamiSideSheetElement, defineCustomElement as definePamiSideSheet } from "@bmxc/pami-elements/dist/components/pami-side-sheet.js";
+
+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',
+    elementClass: PamiSideSheetElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onPamiOpen: 'pamiOpen',
+        onPamiClose: 'pamiClose',
+        onPamiCancel: 'pamiCancel',
+        onPamiBack: 'pamiBack'
+    } as PamiSideSheetEvents,
+    defineCustomElement: definePamiSideSheet
+});

package/src/components/PamiSkeleton.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 { PamiSkeleton as PamiSkeletonElement, defineCustomElement as definePamiSkeleton } from "@bmxc/pami-elements/dist/components/pami-skeleton.js";
+
+export type PamiSkeletonEvents = NonNullable<unknown>;
+
+export const PamiSkeleton: StencilReactComponent<PamiSkeletonElement, PamiSkeletonEvents, Components.PamiSkeleton> = /*@__PURE__*/ createComponent<PamiSkeletonElement, PamiSkeletonEvents, Components.PamiSkeleton>({
+    tagName: 'pami-skeleton',
+    elementClass: PamiSkeletonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as PamiSkeletonEvents,
+    defineCustomElement: definePamiSkeleton
+});

package/src/components/PamiSlider.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 { PamiSliderCustomEvent, PamiSliderDragDetail, PamiSliderThumbDetail, PamiSliderValueDetail } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiSlider as PamiSliderElement, defineCustomElement as definePamiSlider } from "@bmxc/pami-elements/dist/components/pami-slider.js";
+
+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',
+    elementClass: PamiSliderElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onPamiInput: 'pamiInput',
+        onPamiChange: 'pamiChange',
+        onPamiFocus: 'pamiFocus',
+        onPamiBlur: 'pamiBlur',
+        onPamiDragStart: 'pamiDragStart',
+        onPamiDragEnd: 'pamiDragEnd'
+    } as PamiSliderEvents,
+    defineCustomElement: definePamiSlider
+});

package/src/components/PamiSnackbar.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 { PamiSnackbarCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiSnackbar as PamiSnackbarElement, defineCustomElement as definePamiSnackbar } from "@bmxc/pami-elements/dist/components/pami-snackbar.js";
+
+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',
+    elementClass: PamiSnackbarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onPamiOpen: 'pamiOpen',
+        onPamiClose: 'pamiClose',
+        onPamiAction: 'pamiAction'
+    } as PamiSnackbarEvents,
+    defineCustomElement: definePamiSnackbar
+});

package/src/components/PamiSparkline.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 { PamiSparklineCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiSparkline as PamiSparklineElement, defineCustomElement as definePamiSparkline } from "@bmxc/pami-elements/dist/components/pami-sparkline.js";
+
+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',
+    elementClass: PamiSparklineElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onPamiSparkClick: 'pamiSparkClick',
+        onPamiReady: 'pamiReady'
+    } as PamiSparklineEvents,
+    defineCustomElement: definePamiSparkline
+});

package/src/components/PamiSplitButton.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 { PamiSplitButtonCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiSplitButton as PamiSplitButtonElement, defineCustomElement as definePamiSplitButton } from "@bmxc/pami-elements/dist/components/pami-split-button.js";
+
+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',
+    elementClass: PamiSplitButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onPamiLeadingClick: 'pamiLeadingClick',
+        onPamiTrailingClick: 'pamiTrailingClick'
+    } as PamiSplitButtonEvents,
+    defineCustomElement: definePamiSplitButton
+});

package/src/components/PamiStatusDot.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 { PamiStatusDot as PamiStatusDotElement, defineCustomElement as definePamiStatusDot } from "@bmxc/pami-elements/dist/components/pami-status-dot.js";
+
+export type PamiStatusDotEvents = NonNullable<unknown>;
+
+export const PamiStatusDot: StencilReactComponent<PamiStatusDotElement, PamiStatusDotEvents, Components.PamiStatusDot> = /*@__PURE__*/ createComponent<PamiStatusDotElement, PamiStatusDotEvents, Components.PamiStatusDot>({
+    tagName: 'pami-status-dot',
+    elementClass: PamiStatusDotElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as PamiStatusDotEvents,
+    defineCustomElement: definePamiStatusDot
+});

package/src/components/PamiStep.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 { PamiStepCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiStep as PamiStepElement, defineCustomElement as definePamiStep } from "@bmxc/pami-elements/dist/components/pami-step.js";
+
+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',
+    elementClass: PamiStepElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onPamiStepClick: 'pamiStepClick',
+        onPamiStepNext: 'pamiStepNext',
+        onPamiStepBack: 'pamiStepBack'
+    } as PamiStepEvents,
+    defineCustomElement: definePamiStep
+});

package/src/components/PamiStepper.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 { PamiStepperCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiStepper as PamiStepperElement, defineCustomElement as definePamiStepper } from "@bmxc/pami-elements/dist/components/pami-stepper.js";
+
+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',
+    elementClass: PamiStepperElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onPamiBeforeChange: 'pamiBeforeChange',
+        onPamiStepChange: 'pamiStepChange',
+        onPamiComplete: 'pamiComplete'
+    } as PamiStepperEvents,
+    defineCustomElement: definePamiStepper
+});

package/src/components/PamiSubMenuItem.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 { PamiSubMenuItemCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiSubMenuItem as PamiSubMenuItemElement, defineCustomElement as definePamiSubMenuItem } from "@bmxc/pami-elements/dist/components/pami-sub-menu-item.js";
+
+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',
+    elementClass: PamiSubMenuItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onPamiClick: 'pamiClick' } as PamiSubMenuItemEvents,
+    defineCustomElement: definePamiSubMenuItem
+});

package/src/components/PamiSwitch.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 { PamiSwitchCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiSwitch as PamiSwitchElement, defineCustomElement as definePamiSwitch } from "@bmxc/pami-elements/dist/components/pami-switch.js";
+
+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',
+    elementClass: PamiSwitchElement,
+    // @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 PamiSwitchEvents,
+    defineCustomElement: definePamiSwitch
+});

package/src/components/PamiTab.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 { PamiTabCustomEvent } from "@bmxc/pami-elements";
+import type { Components } from "@bmxc/pami-elements/dist/components";
+import { PamiTab as PamiTabElement, defineCustomElement as definePamiTab } from "@bmxc/pami-elements/dist/components/pami-tab.js";
+
+export type PamiTabEvents = { onPamiTabClick: EventName<PamiTabCustomEvent<void>> };
+
+export const PamiTab: StencilReactComponent<PamiTabElement, PamiTabEvents, Components.PamiTab> = /*@__PURE__*/ createComponent<PamiTabElement, PamiTabEvents, Components.PamiTab>({
+    tagName: 'pami-tab',
+    elementClass: PamiTabElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onPamiTabClick: 'pamiTabClick' } as PamiTabEvents,
+    defineCustomElement: definePamiTab
+});

package/src/components/PamiTabPanel.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 { PamiTabPanel as PamiTabPanelElement, defineCustomElement as definePamiTabPanel } from "@bmxc/pami-elements/dist/components/pami-tab-panel.js";
+
+export type PamiTabPanelEvents = NonNullable<unknown>;
+
+export const PamiTabPanel: StencilReactComponent<PamiTabPanelElement, PamiTabPanelEvents, Components.PamiTabPanel> = /*@__PURE__*/ createComponent<PamiTabPanelElement, PamiTabPanelEvents, Components.PamiTabPanel>({
+    tagName: 'pami-tab-panel',
+    elementClass: PamiTabPanelElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as PamiTabPanelEvents,
+    defineCustomElement: definePamiTabPanel
+});

package/src/components/PamiTabPanels.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 { PamiTabPanels as PamiTabPanelsElement, defineCustomElement as definePamiTabPanels } from "@bmxc/pami-elements/dist/components/pami-tab-panels.js";
+
+export type PamiTabPanelsEvents = NonNullable<unknown>;
+
+export const PamiTabPanels: StencilReactComponent<PamiTabPanelsElement, PamiTabPanelsEvents, Components.PamiTabPanels> = /*@__PURE__*/ createComponent<PamiTabPanelsElement, PamiTabPanelsEvents, Components.PamiTabPanels>({
+    tagName: 'pami-tab-panels',
+    elementClass: PamiTabPanelsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as PamiTabPanelsEvents,
+    defineCustomElement: definePamiTabPanels
+});