@luzmo/react-analytics-components-kit 1.0.5-beta.2

package/esm/components/filter-item.component.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoFilterItem as LuzmoFilterItemClass } from '@luzmo/analytics-components-kit/filter-item';
+/**
+ * React wrapper for <luzmo-filter-item>
+ *
+ * @event onLuzmoFilterChanged - Fired when any part of the filter changes; `detail.filter` holds the updated filter.
+ */
+export declare const LuzmoFilterItem: ReactWebComponent<LuzmoFilterItemClass, {
+    onLuzmoFilterChanged: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoFilterItem */
+export type LuzmoFilterItemElement = LuzmoFilterItemClass;

package/esm/components/filter-item.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoFilterItem as LuzmoFilterItemClass } from '@luzmo/analytics-components-kit/filter-item';
+const LuzmoFilterItemComponent = createComponent({
+    tagName: 'luzmo-filter-item',
+    elementClass: LuzmoFilterItemClass,
+    react: React,
+    events: {
+        onLuzmoFilterChanged: 'luzmo-filter-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-filter-item>
+ *
+ * @event onLuzmoFilterChanged - Fired when any part of the filter changes; `detail.filter` holds the updated filter.
+ */
+export const LuzmoFilterItem = LuzmoFilterItemComponent;

package/esm/components/filter-parameter-picker.component.d.ts

@@ -0,0 +1,8 @@
+import { ReactWebComponent } from '@lit/react';
+import { LuzmoFilterParameterPicker as LuzmoFilterParameterPickerClass } from '@luzmo/analytics-components-kit/filter-parameter-picker';
+/**
+ * React wrapper for <luzmo-filter-parameter-picker>
+ */
+export declare const LuzmoFilterParameterPicker: ReactWebComponent<LuzmoFilterParameterPickerClass>;
+/** The underlying custom element type for LuzmoFilterParameterPicker */
+export type LuzmoFilterParameterPickerElement = LuzmoFilterParameterPickerClass;

package/esm/components/filter-parameter-picker.component.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoFilterParameterPicker as LuzmoFilterParameterPickerClass } from '@luzmo/analytics-components-kit/filter-parameter-picker';
+const LuzmoFilterParameterPickerComponent = createComponent({
+    tagName: 'luzmo-filter-parameter-picker',
+    elementClass: LuzmoFilterParameterPickerClass,
+    react: React,
+    events: {}
+});
+/**
+ * React wrapper for <luzmo-filter-parameter-picker>
+ */
+export const LuzmoFilterParameterPicker = LuzmoFilterParameterPickerComponent;

package/esm/components/filter-value-picker-datetime.component.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoFilterValuePickerDatetime as LuzmoFilterValuePickerDatetimeClass } from '@luzmo/analytics-components-kit/filter-value-picker-datetime';
+/**
+ * React wrapper for <luzmo-filter-value-picker-datetime>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the datetime filter value changes; `detail.value` holds the new value (ISO date or relative range).
+ */
+export declare const LuzmoFilterValuePickerDatetime: ReactWebComponent<LuzmoFilterValuePickerDatetimeClass, {
+    onLuzmoFilterValueChanged: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoFilterValuePickerDatetime */
+export type LuzmoFilterValuePickerDatetimeElement = LuzmoFilterValuePickerDatetimeClass;

package/esm/components/filter-value-picker-datetime.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoFilterValuePickerDatetime as LuzmoFilterValuePickerDatetimeClass } from '@luzmo/analytics-components-kit/filter-value-picker-datetime';
+const LuzmoFilterValuePickerDatetimeComponent = createComponent({
+    tagName: 'luzmo-filter-value-picker-datetime',
+    elementClass: LuzmoFilterValuePickerDatetimeClass,
+    react: React,
+    events: {
+        onLuzmoFilterValueChanged: 'luzmo-filter-value-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-filter-value-picker-datetime>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the datetime filter value changes; `detail.value` holds the new value (ISO date or relative range).
+ */
+export const LuzmoFilterValuePickerDatetime = LuzmoFilterValuePickerDatetimeComponent;

package/esm/components/filter-value-picker-hierarchy.component.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoFilterValuePickerHierarchy as LuzmoFilterValuePickerHierarchyClass } from '@luzmo/analytics-components-kit/filter-value-picker-hierarchy';
+/**
+ * React wrapper for <luzmo-filter-value-picker-hierarchy>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the hierarchy filter value changes; `detail.value` holds the selected value(s).
+ */
+export declare const LuzmoFilterValuePickerHierarchy: ReactWebComponent<LuzmoFilterValuePickerHierarchyClass, {
+    onLuzmoFilterValueChanged: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoFilterValuePickerHierarchy */
+export type LuzmoFilterValuePickerHierarchyElement = LuzmoFilterValuePickerHierarchyClass;

package/esm/components/filter-value-picker-hierarchy.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoFilterValuePickerHierarchy as LuzmoFilterValuePickerHierarchyClass } from '@luzmo/analytics-components-kit/filter-value-picker-hierarchy';
+const LuzmoFilterValuePickerHierarchyComponent = createComponent({
+    tagName: 'luzmo-filter-value-picker-hierarchy',
+    elementClass: LuzmoFilterValuePickerHierarchyClass,
+    react: React,
+    events: {
+        onLuzmoFilterValueChanged: 'luzmo-filter-value-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-filter-value-picker-hierarchy>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the hierarchy filter value changes; `detail.value` holds the selected value(s).
+ */
+export const LuzmoFilterValuePickerHierarchy = LuzmoFilterValuePickerHierarchyComponent;

package/esm/components/filter-value-picker-numeric.component.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoFilterValuePickerNumeric as LuzmoFilterValuePickerNumericClass } from '@luzmo/analytics-components-kit/filter-value-picker-numeric';
+/**
+ * React wrapper for <luzmo-filter-value-picker-numeric>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the numeric filter value changes; `detail.value` holds the new number or range.
+ */
+export declare const LuzmoFilterValuePickerNumeric: ReactWebComponent<LuzmoFilterValuePickerNumericClass, {
+    onLuzmoFilterValueChanged: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoFilterValuePickerNumeric */
+export type LuzmoFilterValuePickerNumericElement = LuzmoFilterValuePickerNumericClass;

package/esm/components/filter-value-picker-numeric.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoFilterValuePickerNumeric as LuzmoFilterValuePickerNumericClass } from '@luzmo/analytics-components-kit/filter-value-picker-numeric';
+const LuzmoFilterValuePickerNumericComponent = createComponent({
+    tagName: 'luzmo-filter-value-picker-numeric',
+    elementClass: LuzmoFilterValuePickerNumericClass,
+    react: React,
+    events: {
+        onLuzmoFilterValueChanged: 'luzmo-filter-value-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-filter-value-picker-numeric>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the numeric filter value changes; `detail.value` holds the new number or range.
+ */
+export const LuzmoFilterValuePickerNumeric = LuzmoFilterValuePickerNumericComponent;

package/esm/components/filter-value-picker.component.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoFilterValuePicker as LuzmoFilterValuePickerClass } from '@luzmo/analytics-components-kit/filter-value-picker';
+/**
+ * React wrapper for <luzmo-filter-value-picker>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the filter value changes; `detail.value` holds the new value.
+ */
+export declare const LuzmoFilterValuePicker: ReactWebComponent<LuzmoFilterValuePickerClass, {
+    onLuzmoFilterValueChanged: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoFilterValuePicker */
+export type LuzmoFilterValuePickerElement = LuzmoFilterValuePickerClass;

package/esm/components/filter-value-picker.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoFilterValuePicker as LuzmoFilterValuePickerClass } from '@luzmo/analytics-components-kit/filter-value-picker';
+const LuzmoFilterValuePickerComponent = createComponent({
+    tagName: 'luzmo-filter-value-picker',
+    elementClass: LuzmoFilterValuePickerClass,
+    react: React,
+    events: {
+        onLuzmoFilterValueChanged: 'luzmo-filter-value-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-filter-value-picker>
+ *
+ * @event onLuzmoFilterValueChanged - Fired when the filter value changes; `detail.value` holds the new value.
+ */
+export const LuzmoFilterValuePicker = LuzmoFilterValuePickerComponent;

package/esm/components/filters.component.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoFilters as LuzmoFiltersClass, FiltersChangedEventDetail } from '@luzmo/analytics-components-kit/filters';
+/**
+ * React wrapper for <luzmo-filters>
+ *
+ * @event onLuzmoFiltersChanged - Announces that the filters have changed
+ */
+export declare const LuzmoFilters: ReactWebComponent<LuzmoFiltersClass, {
+    onLuzmoFiltersChanged: EventName<CustomEvent<FiltersChangedEventDetail>>;
+}>;
+/** The underlying custom element type for LuzmoFilters */
+export type LuzmoFiltersElement = LuzmoFiltersClass;

package/esm/components/filters.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoFilters as LuzmoFiltersClass } from '@luzmo/analytics-components-kit/filters';
+const LuzmoFiltersComponent = createComponent({
+    tagName: 'luzmo-filters',
+    elementClass: LuzmoFiltersClass,
+    react: React,
+    events: {
+        onLuzmoFiltersChanged: 'luzmo-filters-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-filters>
+ *
+ * @event onLuzmoFiltersChanged - Announces that the filters have changed
+ */
+export const LuzmoFilters = LuzmoFiltersComponent;

package/esm/components/formula-editor.component.d.ts

@@ -0,0 +1,16 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoFormulaEditor as LuzmoFormulaEditorClass } from '@luzmo/analytics-components-kit/formula-editor';
+/**
+ * React wrapper for <luzmo-formula-editor>
+ *
+ * @event onLuzmoValidityChanged - Fired when expression validity changes.
+ * @event onLuzmoExpressionChanged - Fired (debounced) when the expression changes.
+ * @event onLuzmoDatasetsError - Fired when fetching datasets by id fails.
+ */
+export declare const LuzmoFormulaEditor: ReactWebComponent<LuzmoFormulaEditorClass, {
+    onLuzmoValidityChanged: EventName<CustomEvent<unknown>>;
+    onLuzmoExpressionChanged: EventName<CustomEvent>;
+    onLuzmoDatasetsError: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoFormulaEditor */
+export type LuzmoFormulaEditorElement = LuzmoFormulaEditorClass;

package/esm/components/formula-editor.component.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoFormulaEditor as LuzmoFormulaEditorClass } from '@luzmo/analytics-components-kit/formula-editor';
+const LuzmoFormulaEditorComponent = createComponent({
+    tagName: 'luzmo-formula-editor',
+    elementClass: LuzmoFormulaEditorClass,
+    react: React,
+    events: {
+        onLuzmoValidityChanged: 'luzmo-validity-changed',
+        onLuzmoExpressionChanged: 'luzmo-expression-changed',
+        onLuzmoDatasetsError: 'luzmo-datasets-error'
+    }
+});
+/**
+ * React wrapper for <luzmo-formula-editor>
+ *
+ * @event onLuzmoValidityChanged - Fired when expression validity changes.
+ * @event onLuzmoExpressionChanged - Fired (debounced) when the expression changes.
+ * @event onLuzmoDatasetsError - Fired when fetching datasets by id fails.
+ */
+export const LuzmoFormulaEditor = LuzmoFormulaEditorComponent;

package/esm/components/formula-field.component.d.ts

@@ -0,0 +1,14 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoFormulaField as LuzmoFormulaFieldClass } from '@luzmo/analytics-components-kit/formula-field';
+/**
+ * React wrapper for <luzmo-formula-field>
+ *
+ * @event onLuzmoExpressionChanged - Fired (debounced) when the expression changes (only when not readonly).
+ * @event onLuzmoDatasetsError - Fired when fetching datasets by id fails.
+ */
+export declare const LuzmoFormulaField: ReactWebComponent<LuzmoFormulaFieldClass, {
+    onLuzmoExpressionChanged: EventName<CustomEvent>;
+    onLuzmoDatasetsError: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoFormulaField */
+export type LuzmoFormulaFieldElement = LuzmoFormulaFieldClass;

package/esm/components/formula-field.component.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoFormulaField as LuzmoFormulaFieldClass } from '@luzmo/analytics-components-kit/formula-field';
+const LuzmoFormulaFieldComponent = createComponent({
+    tagName: 'luzmo-formula-field',
+    elementClass: LuzmoFormulaFieldClass,
+    react: React,
+    events: {
+        onLuzmoExpressionChanged: 'luzmo-expression-changed',
+        onLuzmoDatasetsError: 'luzmo-datasets-error'
+    }
+});
+/**
+ * React wrapper for <luzmo-formula-field>
+ *
+ * @event onLuzmoExpressionChanged - Fired (debounced) when the expression changes (only when not readonly).
+ * @event onLuzmoDatasetsError - Fired when fetching datasets by id fails.
+ */
+export const LuzmoFormulaField = LuzmoFormulaFieldComponent;

package/esm/components/formula.component.d.ts

@@ -0,0 +1,14 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoFormula as LuzmoFormulaClass } from '@luzmo/analytics-components-kit/formula';
+/**
+ * React wrapper for <luzmo-formula>
+ *
+ * @event onLuzmoExpressionChanged - Fired (debounced) when the formula expression changes; `detail.expression` holds the new expression.
+ * @event onLuzmoDatasetsError - Fired when fetching datasets by id fails.
+ */
+export declare const LuzmoFormula: ReactWebComponent<LuzmoFormulaClass, {
+    onLuzmoExpressionChanged: EventName<CustomEvent>;
+    onLuzmoDatasetsError: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoFormula */
+export type LuzmoFormulaElement = LuzmoFormulaClass;

package/esm/components/formula.component.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoFormula as LuzmoFormulaClass } from '@luzmo/analytics-components-kit/formula';
+const LuzmoFormulaComponent = createComponent({
+    tagName: 'luzmo-formula',
+    elementClass: LuzmoFormulaClass,
+    react: React,
+    events: {
+        onLuzmoExpressionChanged: 'luzmo-expression-changed',
+        onLuzmoDatasetsError: 'luzmo-datasets-error'
+    }
+});
+/**
+ * React wrapper for <luzmo-formula>
+ *
+ * @event onLuzmoExpressionChanged - Fired (debounced) when the formula expression changes; `detail.expression` holds the new expression.
+ * @event onLuzmoDatasetsError - Fired when fetching datasets by id fails.
+ */
+export const LuzmoFormula = LuzmoFormulaComponent;

package/esm/components/interactive-viz-item.component.d.ts

@@ -0,0 +1,16 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoInteractiveVizItem as LuzmoInteractiveVizItemClass, InteractiveVizItemChartChangedEventDetail, InteractiveVizItemChartOptionsChangedEventDetail, InteractiveVizItemFeedbackChangedEventDetail } from '@luzmo/analytics-components-kit/interactive-viz-item';
+/**
+ * React wrapper for <luzmo-interactive-viz-item>
+ *
+ * @event onLuzmoChartOptionsChanged - Fired when the inline actions (ranking, sort, display mode) change the chart options.
+ * @event onLuzmoChartChanged - Fired when the config panel changes slots, filters, or options (full chart).
+ * @event onLuzmoFeedbackChanged - Fired when the user changes the thumbs up/down rating.
+ */
+export declare const LuzmoInteractiveVizItem: ReactWebComponent<LuzmoInteractiveVizItemClass, {
+    onLuzmoChartOptionsChanged: EventName<CustomEvent<InteractiveVizItemChartOptionsChangedEventDetail>>;
+    onLuzmoChartChanged: EventName<CustomEvent<InteractiveVizItemChartChangedEventDetail>>;
+    onLuzmoFeedbackChanged: EventName<CustomEvent<InteractiveVizItemFeedbackChangedEventDetail>>;
+}>;
+/** The underlying custom element type for LuzmoInteractiveVizItem */
+export type LuzmoInteractiveVizItemElement = LuzmoInteractiveVizItemClass;

package/esm/components/interactive-viz-item.component.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoInteractiveVizItem as LuzmoInteractiveVizItemClass } from '@luzmo/analytics-components-kit/interactive-viz-item';
+const LuzmoInteractiveVizItemComponent = createComponent({
+    tagName: 'luzmo-interactive-viz-item',
+    elementClass: LuzmoInteractiveVizItemClass,
+    react: React,
+    events: {
+        onLuzmoChartOptionsChanged: 'luzmo-chart-options-changed',
+        onLuzmoChartChanged: 'luzmo-chart-changed',
+        onLuzmoFeedbackChanged: 'luzmo-feedback-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-interactive-viz-item>
+ *
+ * @event onLuzmoChartOptionsChanged - Fired when the inline actions (ranking, sort, display mode) change the chart options.
+ * @event onLuzmoChartChanged - Fired when the config panel changes slots, filters, or options (full chart).
+ * @event onLuzmoFeedbackChanged - Fired when the user changes the thumbs up/down rating.
+ */
+export const LuzmoInteractiveVizItem = LuzmoInteractiveVizItemComponent;

package/esm/components/item-grid.component.d.ts

@@ -0,0 +1,18 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemGrid as LuzmoItemGridClass, GridItemActionEventDetail, GridItemStatesChangedEventDetail, GridLifecycleEventDetail } from '@luzmo/analytics-components-kit/item-grid';
+/**
+ * React wrapper for <luzmo-item-grid>
+ *
+ * @event onLuzmoItemGridItemAction - Fired when an item action is performed
+ * @event onLuzmoItemGridLayoutChanged - Fired when the grid layout is changed
+ * @event onLuzmoItemGridReady - Fired when the grid is ready
+ * @event onLuzmoItemGridItemStatesChanged - Fired when item states change (controlled and uncontrolled mode)
+ */
+export declare const LuzmoItemGrid: ReactWebComponent<LuzmoItemGridClass, {
+    onLuzmoItemGridItemAction: EventName<CustomEvent<GridItemActionEventDetail>>;
+    onLuzmoItemGridLayoutChanged: EventName<CustomEvent<GridLifecycleEventDetail>>;
+    onLuzmoItemGridReady: EventName<CustomEvent<GridLifecycleEventDetail>>;
+    onLuzmoItemGridItemStatesChanged: EventName<CustomEvent<GridItemStatesChangedEventDetail>>;
+}>;
+/** The underlying custom element type for LuzmoItemGrid */
+export type LuzmoItemGridElement = LuzmoItemGridClass;

package/esm/components/item-grid.component.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoItemGrid as LuzmoItemGridClass } from '@luzmo/analytics-components-kit/item-grid';
+const LuzmoItemGridComponent = createComponent({
+    tagName: 'luzmo-item-grid',
+    elementClass: LuzmoItemGridClass,
+    react: React,
+    events: {
+        onLuzmoItemGridItemAction: 'luzmo-item-grid-item-action',
+        onLuzmoItemGridLayoutChanged: 'luzmo-item-grid-layout-changed',
+        onLuzmoItemGridReady: 'luzmo-item-grid-ready',
+        onLuzmoItemGridItemStatesChanged: 'luzmo-item-grid-item-states-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-item-grid>
+ *
+ * @event onLuzmoItemGridItemAction - Fired when an item action is performed
+ * @event onLuzmoItemGridLayoutChanged - Fired when the grid layout is changed
+ * @event onLuzmoItemGridReady - Fired when the grid is ready
+ * @event onLuzmoItemGridItemStatesChanged - Fired when item states change (controlled and uncontrolled mode)
+ */
+export const LuzmoItemGrid = LuzmoItemGridComponent;

package/esm/components/item-option-action-button-group.component.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionActionButtonGroup as LuzmoItemOptionActionButtonGroupClass, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-action-button-group';
+/**
+ * React wrapper for <luzmo-item-option-action-button-group>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the option value changes.
+ */
+export declare const LuzmoItemOptionActionButtonGroup: ReactWebComponent<LuzmoItemOptionActionButtonGroupClass, {
+    onLuzmoOptionChanged: EventName<CustomEvent<ItemOptionChangedEventDetail>>;
+}>;
+/** The underlying custom element type for LuzmoItemOptionActionButtonGroup */
+export type LuzmoItemOptionActionButtonGroupElement = LuzmoItemOptionActionButtonGroupClass;

package/esm/components/item-option-action-button-group.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoItemOptionActionButtonGroup as LuzmoItemOptionActionButtonGroupClass } from '@luzmo/analytics-components-kit/item-option-action-button-group';
+const LuzmoItemOptionActionButtonGroupComponent = createComponent({
+    tagName: 'luzmo-item-option-action-button-group',
+    elementClass: LuzmoItemOptionActionButtonGroupClass,
+    react: React,
+    events: {
+        onLuzmoOptionChanged: 'luzmo-option-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-item-option-action-button-group>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the option value changes.
+ */
+export const LuzmoItemOptionActionButtonGroup = LuzmoItemOptionActionButtonGroupComponent;

package/esm/components/item-option-color-palette-picker.component.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionColorPalettePicker as LuzmoItemOptionColorPalettePickerClass, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-color-palette-picker';
+/**
+ * React wrapper for <luzmo-item-option-color-palette-picker>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the option value changes.
+ */
+export declare const LuzmoItemOptionColorPalettePicker: ReactWebComponent<LuzmoItemOptionColorPalettePickerClass, {
+    onLuzmoOptionChanged: EventName<CustomEvent<ItemOptionChangedEventDetail>>;
+}>;
+/** The underlying custom element type for LuzmoItemOptionColorPalettePicker */
+export type LuzmoItemOptionColorPalettePickerElement = LuzmoItemOptionColorPalettePickerClass;

package/esm/components/item-option-color-palette-picker.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoItemOptionColorPalettePicker as LuzmoItemOptionColorPalettePickerClass } from '@luzmo/analytics-components-kit/item-option-color-palette-picker';
+const LuzmoItemOptionColorPalettePickerComponent = createComponent({
+    tagName: 'luzmo-item-option-color-palette-picker',
+    elementClass: LuzmoItemOptionColorPalettePickerClass,
+    react: React,
+    events: {
+        onLuzmoOptionChanged: 'luzmo-option-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-item-option-color-palette-picker>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the option value changes.
+ */
+export const LuzmoItemOptionColorPalettePicker = LuzmoItemOptionColorPalettePickerComponent;

package/esm/components/item-option-color-picker.component.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionColorPicker as LuzmoItemOptionColorPickerClass, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-color-picker';
+/**
+ * React wrapper for <luzmo-item-option-color-picker>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the option value changes.
+ */
+export declare const LuzmoItemOptionColorPicker: ReactWebComponent<LuzmoItemOptionColorPickerClass, {
+    onLuzmoOptionChanged: EventName<CustomEvent<ItemOptionChangedEventDetail>>;
+}>;
+/** The underlying custom element type for LuzmoItemOptionColorPicker */
+export type LuzmoItemOptionColorPickerElement = LuzmoItemOptionColorPickerClass;

package/esm/components/item-option-color-picker.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoItemOptionColorPicker as LuzmoItemOptionColorPickerClass } from '@luzmo/analytics-components-kit/item-option-color-picker';
+const LuzmoItemOptionColorPickerComponent = createComponent({
+    tagName: 'luzmo-item-option-color-picker',
+    elementClass: LuzmoItemOptionColorPickerClass,
+    react: React,
+    events: {
+        onLuzmoOptionChanged: 'luzmo-option-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-item-option-color-picker>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the option value changes.
+ */
+export const LuzmoItemOptionColorPicker = LuzmoItemOptionColorPickerComponent;

package/esm/components/item-option-color-range.component.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionColorRange as LuzmoItemOptionColorRangeClass, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-color-range';
+/**
+ * React wrapper for <luzmo-item-option-color-range>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the option value changes.
+ */
+export declare const LuzmoItemOptionColorRange: ReactWebComponent<LuzmoItemOptionColorRangeClass, {
+    onLuzmoOptionChanged: EventName<CustomEvent<ItemOptionChangedEventDetail>>;
+}>;
+/** The underlying custom element type for LuzmoItemOptionColorRange */
+export type LuzmoItemOptionColorRangeElement = LuzmoItemOptionColorRangeClass;

package/esm/components/item-option-color-range.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoItemOptionColorRange as LuzmoItemOptionColorRangeClass } from '@luzmo/analytics-components-kit/item-option-color-range';
+const LuzmoItemOptionColorRangeComponent = createComponent({
+    tagName: 'luzmo-item-option-color-range',
+    elementClass: LuzmoItemOptionColorRangeClass,
+    react: React,
+    events: {
+        onLuzmoOptionChanged: 'luzmo-option-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-item-option-color-range>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the option value changes.
+ */
+export const LuzmoItemOptionColorRange = LuzmoItemOptionColorRangeComponent;

package/esm/components/item-option-multi-language-field.component.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionMultiLangField as LuzmoItemOptionMultiLangFieldClass, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-multi-language-field';
+/**
+ * React wrapper for <luzmo-item-option-multi-language-field>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the option value changes.
+ */
+export declare const LuzmoItemOptionMultiLanguageField: ReactWebComponent<LuzmoItemOptionMultiLangFieldClass, {
+    onLuzmoOptionChanged: EventName<CustomEvent<ItemOptionChangedEventDetail>>;
+}>;
+/** The underlying custom element type for LuzmoItemOptionMultiLanguageField */
+export type LuzmoItemOptionMultiLanguageFieldElement = LuzmoItemOptionMultiLangFieldClass;

package/esm/components/item-option-multi-language-field.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoItemOptionMultiLangField as LuzmoItemOptionMultiLangFieldClass } from '@luzmo/analytics-components-kit/item-option-multi-language-field';
+const LuzmoItemOptionMultiLanguageFieldComponent = createComponent({
+    tagName: 'luzmo-item-option-multi-language-field',
+    elementClass: LuzmoItemOptionMultiLangFieldClass,
+    react: React,
+    events: {
+        onLuzmoOptionChanged: 'luzmo-option-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-item-option-multi-language-field>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the option value changes.
+ */
+export const LuzmoItemOptionMultiLanguageField = LuzmoItemOptionMultiLanguageFieldComponent;

package/esm/components/item-option-number-field.component.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionNumberField as LuzmoItemOptionNumberFieldClass, ItemOptionChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-number-field';
+/**
+ * React wrapper for <luzmo-item-option-number-field>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the option value changes.
+ */
+export declare const LuzmoItemOptionNumberField: ReactWebComponent<LuzmoItemOptionNumberFieldClass, {
+    onLuzmoOptionChanged: EventName<CustomEvent<ItemOptionChangedEventDetail>>;
+}>;
+/** The underlying custom element type for LuzmoItemOptionNumberField */
+export type LuzmoItemOptionNumberFieldElement = LuzmoItemOptionNumberFieldClass;

package/esm/components/item-option-number-field.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoItemOptionNumberField as LuzmoItemOptionNumberFieldClass } from '@luzmo/analytics-components-kit/item-option-number-field';
+const LuzmoItemOptionNumberFieldComponent = createComponent({
+    tagName: 'luzmo-item-option-number-field',
+    elementClass: LuzmoItemOptionNumberFieldClass,
+    react: React,
+    events: {
+        onLuzmoOptionChanged: 'luzmo-option-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-item-option-number-field>
+ *
+ * @event onLuzmoOptionChanged - Emitted when the option value changes.
+ */
+export const LuzmoItemOptionNumberField = LuzmoItemOptionNumberFieldComponent;

package/esm/components/item-option-panel.component.d.ts

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionPanel as LuzmoItemOptionPanelClass, ItemOptionsChangedEventDetail } from '@luzmo/analytics-components-kit/item-option-panel';
+/**
+ * React wrapper for <luzmo-item-option-panel>
+ *
+ * @event onLuzmoOptionsChanged - Announces that the `options` of the element have changed
+ */
+export declare const LuzmoItemOptionPanel: ReactWebComponent<LuzmoItemOptionPanelClass, {
+    onLuzmoOptionsChanged: EventName<CustomEvent<ItemOptionsChangedEventDetail>>;
+}>;
+/** The underlying custom element type for LuzmoItemOptionPanel */
+export type LuzmoItemOptionPanelElement = LuzmoItemOptionPanelClass;