@luzmo/analytics-components-kit 1.0.0

package/react/esm/components/data-field-panel/index.d.ts

@@ -0,0 +1 @@
+export * from './types';

package/react/esm/components/data-field-panel/index.js

@@ -0,0 +1 @@
+export * from './types';

package/react/esm/components/data-field-panel/types.d.ts

@@ -0,0 +1,27 @@
+import type { DatasetDataField } from '../../types/dataset-data-field.types';
+/**
+ * Dataset with data fields (columns and formulas) for the panel.
+ * Supports two formats:
+ * 1. Separate columns/formulas arrays (from datasetsDataFields)
+ * 2. Combined dataFields array (from loadDataFieldsForDatasets)
+ */
+export interface DatasetDataFields {
+    /** Unique dataset identifier */
+    id: string;
+    /** Localized dataset name */
+    name: {
+        [key: string]: string;
+    };
+    /** Column data fields (optional when using dataFields) */
+    columns?: DatasetDataField[];
+    /** Formula data fields (optional when using dataFields) */
+    formulas?: DatasetDataField[];
+    /** Combined data fields (from loadDataFieldsForDatasets) */
+    dataFields?: DatasetDataField[];
+}
+/**
+ * Event detail emitted when the selected dataset changes
+ */
+export interface DatasetChangedEventDetail {
+    datasetId: string;
+}

package/react/esm/components/data-field-panel/types.js

@@ -0,0 +1 @@
+export {};

package/react/esm/components/data-field-panel.component.d.ts

@@ -0,0 +1,21 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoDataFieldPanel as LuzmoDataFieldPanelClass } from '@luzmo/analytics-components-kit/data-field-panel';
+/**
+ * A panel component that displays a list of data fields from a dataset.
+ * Optionally includes a dataset picker dropdown to switch between datasets.
+ *
+ * Data can be provided in two ways:
+ * 1. `datasetsDataFields` - Direct data, takes preference when provided
+ * 2. `datasetIds` + auth props - Fetches data automatically using the Luzmo API
+ *
+ * @event onLuzmoDatasetChanged - Announces that the selected dataset has changed
+ * @event onLuzmoDataFieldDropped - Announces that a data field has been dropped
+ * @event onLuzmoDataFieldDragStarted - Announces that a drag has started on a data field
+ */
+export declare const LuzmoDataFieldPanel: ReactWebComponent<LuzmoDataFieldPanelClass, {
+    onLuzmoDatasetChanged: EventName<CustomEvent>;
+    onLuzmoDataFieldDropped: EventName<CustomEvent>;
+    onLuzmoDataFieldDragStarted: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoDataFieldPanel */
+export type LuzmoDataFieldPanelElement = LuzmoDataFieldPanelClass;

package/react/esm/components/data-field-panel.component.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoDataFieldPanel as LuzmoDataFieldPanelClass } from '@luzmo/analytics-components-kit/data-field-panel';
+const LuzmoDataFieldPanelComponent = createComponent({
+    tagName: 'luzmo-data-field-panel',
+    elementClass: LuzmoDataFieldPanelClass,
+    react: React,
+    events: {
+        onLuzmoDatasetChanged: 'luzmo-dataset-changed',
+        onLuzmoDataFieldDropped: 'luzmo-data-field-dropped',
+        onLuzmoDataFieldDragStarted: 'luzmo-data-field-drag-started'
+    }
+});
+/**
+ * A panel component that displays a list of data fields from a dataset.
+ * Optionally includes a dataset picker dropdown to switch between datasets.
+ *
+ * Data can be provided in two ways:
+ * 1. `datasetsDataFields` - Direct data, takes preference when provided
+ * 2. `datasetIds` + auth props - Fetches data automatically using the Luzmo API
+ *
+ * @event onLuzmoDatasetChanged - Announces that the selected dataset has changed
+ * @event onLuzmoDataFieldDropped - Announces that a data field has been dropped
+ * @event onLuzmoDataFieldDragStarted - Announces that a drag has started on a data field
+ */
+export const LuzmoDataFieldPanel = LuzmoDataFieldPanelComponent;

package/react/esm/components/data-field.component.d.ts

@@ -0,0 +1,18 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoDataField as LuzmoDataFieldClass, DatasetDataField } from '@luzmo/analytics-components-kit/data-field';
+/**
+ * React wrapper for <luzmo-data-field>
+ *
+ * @event onLuzmoDataFieldDropped - Announces that the data field has been dropped
+ * @event onLuzmoDataFieldDragStarted - Announces that the drag is started on the data field
+ */
+export declare const LuzmoDataField: ReactWebComponent<LuzmoDataFieldClass, {
+    onLuzmoDataFieldDropped: EventName<CustomEvent<{
+        data: DatasetDataField;
+    }>>;
+    onLuzmoDataFieldDragStarted: EventName<CustomEvent<{
+        data: DatasetDataField;
+    }>>;
+}>;
+/** The underlying custom element type for LuzmoDataField */
+export type LuzmoDataFieldElement = LuzmoDataFieldClass;

package/react/esm/components/data-field.component.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoDataField as LuzmoDataFieldClass } from '@luzmo/analytics-components-kit/data-field';
+const LuzmoDataFieldComponent = createComponent({
+    tagName: 'luzmo-data-field',
+    elementClass: LuzmoDataFieldClass,
+    react: React,
+    events: {
+        onLuzmoDataFieldDropped: 'luzmo-data-field-dropped',
+        onLuzmoDataFieldDragStarted: 'luzmo-data-field-drag-started'
+    }
+});
+/**
+ * React wrapper for <luzmo-data-field>
+ *
+ * @event onLuzmoDataFieldDropped - Announces that the data field has been dropped
+ * @event onLuzmoDataFieldDragStarted - Announces that the drag is started on the data field
+ */
+export const LuzmoDataField = LuzmoDataFieldComponent;

package/react/esm/components/filters/index.d.ts

@@ -0,0 +1 @@
+export * from './types';

package/react/esm/components/filters/index.js

@@ -0,0 +1 @@
+export * from './types';

package/react/esm/components/filters/types.d.ts

@@ -0,0 +1,8 @@
+export interface FilterCondition {
+    expression?: string;
+    parameters?: unknown[];
+}
+export interface FilterGroup {
+    condition: 'AND' | 'OR';
+    filters: (FilterCondition | FilterGroup)[];
+}

package/react/esm/components/filters/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoFilters as LuzmoFiltersClass } 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>;
+}>;
+/** The underlying custom element type for LuzmoFilters */
+export type LuzmoFiltersElement = LuzmoFiltersClass;

package/react/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/react/esm/components/item-grid/index.d.ts

@@ -0,0 +1 @@
+export * from './types';

package/react/esm/components/item-grid/index.js

@@ -0,0 +1 @@
+export * from './types';

package/react/esm/components/item-grid/types.d.ts

@@ -0,0 +1,57 @@
+import type { ItemFilterGroup, VizItemOptions, VizItemSlot, VizItemType } from '@luzmo/dashboard-contents-types';
+import type { IconDefinition } from '@luzmo/icons';
+import type { Placement } from '@luzmo/lucero';
+import type { TemplateResult } from 'lit';
+export type DefaultActionType = 'lock' | 'filters' | 'edit' | 'edit-data' | 'item-options' | 'delete' | 'clone';
+export interface Action {
+    icon?: IconDefinition;
+    label?: string;
+    action?: string | DefaultActionType;
+    type?: 'toggle' | 'button';
+    active?: boolean;
+    tooltip?: string;
+}
+export interface InputActionGroup {
+    type: 'group';
+    actions: (string | Action)[];
+}
+export interface ActionGroup {
+    type: 'group';
+    actions?: Action[];
+}
+export interface GridItemData {
+    id: string;
+    type: VizItemType;
+    placementActionsMenu?: Placement;
+    actionsMenu?: InputActionGroup[];
+    position?: {
+        sizeX: number;
+        sizeY: number;
+        row: number;
+        col: number;
+    };
+    options?: VizItemOptions;
+    slots?: VizItemSlot[];
+    filters?: ItemFilterGroup[];
+    contextId?: string;
+    canFilter?: string | string[];
+    renderer?: string;
+}
+export type ClonedItemPositioning = 'auto-position' | 'below-item';
+export type GridItemPosition = NonNullable<GridItemData['position']>;
+export type GridItemPositionPatch = Partial<Pick<GridItemPosition, 'col' | 'row'>>;
+export type GridItemSizePatch = Partial<Pick<GridItemPosition, 'sizeX' | 'sizeY'>>;
+export type GridItemPositionInput = Partial<GridItemPosition>;
+export type AddGridItemInput = Omit<GridItemData, 'position'> & {
+    position?: GridItemPositionInput;
+};
+export type GridItemPatch = Partial<Omit<GridItemData, 'id' | 'position'>> & {
+    position?: Partial<GridItemPosition>;
+};
+export type GridItemRenderer = (item: GridItemData, index: number) => TemplateResult;
+export type ItemStates = Record<string, string[]>;
+export interface GridItemStatesChangedEventDetail {
+    itemStates: ItemStates;
+    updatedItemStates: ItemStates;
+    changedItemStates: ItemStates;
+}

package/react/esm/components/item-grid/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,18 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemGrid as LuzmoItemGridClass } 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>;
+    onLuzmoItemGridLayoutChanged: EventName<CustomEvent>;
+    onLuzmoItemGridReady: EventName<CustomEvent>;
+    onLuzmoItemGridItemStatesChanged: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoItemGrid */
+export type LuzmoItemGridElement = LuzmoItemGridClass;

package/react/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/react/esm/components/item-option-action-button-group.component.d.ts

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

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

@@ -0,0 +1,15 @@
+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>
+ */
+export const LuzmoItemOptionActionButtonGroup = LuzmoItemOptionActionButtonGroupComponent;

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

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

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

@@ -0,0 +1,15 @@
+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>
+ */
+export const LuzmoItemOptionColorPalettePicker = LuzmoItemOptionColorPalettePickerComponent;

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

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

package/react/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 color is changed.
+ */
+export const LuzmoItemOptionColorPicker = LuzmoItemOptionColorPickerComponent;

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

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

package/react/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 color range is changed.
+ */
+export const LuzmoItemOptionColorRange = LuzmoItemOptionColorRangeComponent;

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

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

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

@@ -0,0 +1,15 @@
+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>
+ */
+export const LuzmoItemOptionMultiLanguageField = LuzmoItemOptionMultiLanguageFieldComponent;

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

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

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

@@ -0,0 +1,15 @@
+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>
+ */
+export const LuzmoItemOptionNumberField = LuzmoItemOptionNumberFieldComponent;

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

@@ -0,0 +1,12 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionPanel as LuzmoItemOptionPanelClass } 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>;
+}>;
+/** The underlying custom element type for LuzmoItemOptionPanel */
+export type LuzmoItemOptionPanelElement = LuzmoItemOptionPanelClass;

package/react/esm/components/item-option-panel.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoItemOptionPanel as LuzmoItemOptionPanelClass } from '@luzmo/analytics-components-kit/item-option-panel';
+const LuzmoItemOptionPanelComponent = createComponent({
+    tagName: 'luzmo-item-option-panel',
+    elementClass: LuzmoItemOptionPanelClass,
+    react: React,
+    events: {
+        onLuzmoOptionsChanged: 'luzmo-options-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-item-option-panel>
+ *
+ * @event onLuzmoOptionsChanged - Announces that the `options` of the element have changed
+ */
+export const LuzmoItemOptionPanel = LuzmoItemOptionPanelComponent;

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

@@ -0,0 +1,10 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionPicker as LuzmoItemOptionPickerClass } from '@luzmo/analytics-components-kit/item-option-picker';
+/**
+ * React wrapper for <luzmo-item-option-picker>
+ */
+export declare const LuzmoItemOptionPicker: ReactWebComponent<LuzmoItemOptionPickerClass, {
+    onLuzmoOptionChanged: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoItemOptionPicker */
+export type LuzmoItemOptionPickerElement = LuzmoItemOptionPickerClass;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoItemOptionPicker as LuzmoItemOptionPickerClass } from '@luzmo/analytics-components-kit/item-option-picker';
+const LuzmoItemOptionPickerComponent = createComponent({
+    tagName: 'luzmo-item-option-picker',
+    elementClass: LuzmoItemOptionPickerClass,
+    react: React,
+    events: {
+        onLuzmoOptionChanged: 'luzmo-option-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-item-option-picker>
+ */
+export const LuzmoItemOptionPicker = LuzmoItemOptionPickerComponent;

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

@@ -0,0 +1,10 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionPositionPicker as LuzmoItemOptionPositionPickerClass } from '@luzmo/analytics-components-kit/item-option-position-picker';
+/**
+ * React wrapper for <luzmo-item-option-position-picker>
+ */
+export declare const LuzmoItemOptionPositionPicker: ReactWebComponent<LuzmoItemOptionPositionPickerClass, {
+    onLuzmoOptionChanged: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoItemOptionPositionPicker */
+export type LuzmoItemOptionPositionPickerElement = LuzmoItemOptionPositionPickerClass;

package/react/esm/components/item-option-position-picker.component.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoItemOptionPositionPicker as LuzmoItemOptionPositionPickerClass } from '@luzmo/analytics-components-kit/item-option-position-picker';
+const LuzmoItemOptionPositionPickerComponent = createComponent({
+    tagName: 'luzmo-item-option-position-picker',
+    elementClass: LuzmoItemOptionPositionPickerClass,
+    react: React,
+    events: {
+        onLuzmoOptionChanged: 'luzmo-option-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-item-option-position-picker>
+ */
+export const LuzmoItemOptionPositionPicker = LuzmoItemOptionPositionPickerComponent;

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

@@ -0,0 +1,10 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionPositionsNumberField as LuzmoItemOptionPositionsNumberFieldClass } from '@luzmo/analytics-components-kit/item-option-positions-number-field';
+/**
+ * React wrapper for <luzmo-item-option-positions-number-field>
+ */
+export declare const LuzmoItemOptionPositionsNumberField: ReactWebComponent<LuzmoItemOptionPositionsNumberFieldClass, {
+    onLuzmoOptionChanged: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoItemOptionPositionsNumberField */
+export type LuzmoItemOptionPositionsNumberFieldElement = LuzmoItemOptionPositionsNumberFieldClass;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoItemOptionPositionsNumberField as LuzmoItemOptionPositionsNumberFieldClass } from '@luzmo/analytics-components-kit/item-option-positions-number-field';
+const LuzmoItemOptionPositionsNumberFieldComponent = createComponent({
+    tagName: 'luzmo-item-option-positions-number-field',
+    elementClass: LuzmoItemOptionPositionsNumberFieldClass,
+    react: React,
+    events: {
+        onLuzmoOptionChanged: 'luzmo-option-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-item-option-positions-number-field>
+ */
+export const LuzmoItemOptionPositionsNumberField = LuzmoItemOptionPositionsNumberFieldComponent;

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

@@ -0,0 +1,10 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionRadioButtonGroup as LuzmoItemOptionRadioButtonGroupClass } from '@luzmo/analytics-components-kit/item-option-radio-button-group';
+/**
+ * React wrapper for <luzmo-item-option-radio-button-group>
+ */
+export declare const LuzmoItemOptionRadioButtonGroup: ReactWebComponent<LuzmoItemOptionRadioButtonGroupClass, {
+    onLuzmoOptionChanged: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoItemOptionRadioButtonGroup */
+export type LuzmoItemOptionRadioButtonGroupElement = LuzmoItemOptionRadioButtonGroupClass;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { LuzmoItemOptionRadioButtonGroup as LuzmoItemOptionRadioButtonGroupClass } from '@luzmo/analytics-components-kit/item-option-radio-button-group';
+const LuzmoItemOptionRadioButtonGroupComponent = createComponent({
+    tagName: 'luzmo-item-option-radio-button-group',
+    elementClass: LuzmoItemOptionRadioButtonGroupClass,
+    react: React,
+    events: {
+        onLuzmoOptionChanged: 'luzmo-option-changed'
+    }
+});
+/**
+ * React wrapper for <luzmo-item-option-radio-button-group>
+ */
+export const LuzmoItemOptionRadioButtonGroup = LuzmoItemOptionRadioButtonGroupComponent;

package/react/esm/components/item-option-slider.component.d.ts

@@ -0,0 +1,10 @@
+import { EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoItemOptionSlider as LuzmoItemOptionSliderClass } from '@luzmo/analytics-components-kit/item-option-slider';
+/**
+ * React wrapper for <luzmo-item-option-slider>
+ */
+export declare const LuzmoItemOptionSlider: ReactWebComponent<LuzmoItemOptionSliderClass, {
+    onLuzmoOptionChanged: EventName<CustomEvent>;
+}>;
+/** The underlying custom element type for LuzmoItemOptionSlider */
+export type LuzmoItemOptionSliderElement = LuzmoItemOptionSliderClass;