@luzmo/analytics-components-kit 1.0.4-beta.2 → 1.0.4-beta.3

package/react/components/interactive-viz-item.component.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { createComponent, EventName, ReactWebComponent } from '@lit/react';
+import { LuzmoInteractiveVizItem as LuzmoInteractiveVizItemClass, InteractiveVizItemChartChangedEventDetail, InteractiveVizItemChartOptionsChangedEventDetail, InteractiveVizItemFeedbackChangedEventDetail } 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' as EventName<CustomEvent<InteractiveVizItemChartOptionsChangedEventDetail>>,
+    onLuzmoChartChanged: 'luzmo-chart-changed' as EventName<CustomEvent<InteractiveVizItemChartChangedEventDetail>>,
+    onLuzmoFeedbackChanged: 'luzmo-feedback-changed' as EventName<CustomEvent<InteractiveVizItemFeedbackChangedEventDetail>>
+  }
+});
+
+/**
+ * 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 as 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/react/esm/components/interactive-viz-item/index.d.ts

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

package/react/esm/components/interactive-viz-item/index.js

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

package/react/esm/components/interactive-viz-item/types.d.ts

@@ -0,0 +1,117 @@
+/**
+ * A single field descriptor inside a chart slot. Deliberately loose because the
+ * chart config is produced by the AI stream: it may carry either the short
+ * (`set`/`column`/`formula`) or the long (`datasetId`/`columnId`/`formulaId`)
+ * key form, which `normalizeChartConfig` reconciles.
+ */
+export interface SlotContent {
+    columnId?: string;
+    datasetId?: string;
+    column?: string;
+    set?: string;
+    formulaId?: string;
+    formula?: string;
+    label?: Record<string, string> | string | null;
+    level?: number;
+    format?: string;
+    subtype?: string | null;
+    lowestLevel?: number;
+    [key: string]: unknown;
+}
+export interface SlotConfig {
+    name: string;
+    content: SlotContent[];
+}
+export interface ChartOptions {
+    theme?: Record<string, unknown>;
+    [key: string]: unknown;
+}
+/**
+ * Loose chart shape as streamed by the AI. `slots` may be an array or the legacy
+ * keyed-object form; `normalizeChartConfig` produces the strict array shape.
+ */
+export interface FlexChartConfig {
+    type: string;
+    options: ChartOptions;
+    slots: SlotConfig[] | Record<string, unknown>;
+    filters?: unknown[];
+}
+export interface NormalizedChartConfig {
+    type: string;
+    options: ChartOptions;
+    slots: SlotConfig[];
+    filters?: unknown[];
+}
+export type ChartActionType = 'optionDropdown' | 'rankingPicker';
+export interface ChartOption {
+    key: string;
+    label: string;
+}
+export declare enum RankingDirection {
+    Top = "top",
+    Bottom = "bottom"
+}
+export declare enum SortDirection {
+    Asc = "asc",
+    Desc = "desc"
+}
+export declare enum SortBy {
+    Measure = "measure",
+    Category = "category"
+}
+export interface Ranking {
+    active: boolean;
+    number: number;
+    direction: RankingDirection;
+}
+export interface Sort {
+    direction: SortDirection;
+    by: SortBy;
+}
+export declare const DEFAULT_RANKING_NUMBER = 5;
+export interface ChartActionDescriptor {
+    type: ChartActionType;
+    mutationType: string;
+    values?: ChartOption[];
+    currentValue?: string;
+    ranking?: Ranking;
+    sort?: Sort;
+    importance: number;
+}
+export type ChartMutationRequest = {
+    type: 'slots';
+    slotsContents: SlotConfig[];
+} | {
+    type: 'options';
+    options: ChartOptions;
+} | {
+    type: 'filters';
+    filters: unknown[];
+} | {
+    type: 'chartAction';
+    actionType: string;
+    key: string;
+} | {
+    type: 'rankAndSort';
+    ranking: Ranking;
+    sort: Sort;
+} | {
+    type: 'fullReplace';
+    chart: NormalizedChartConfig;
+};
+export type ChartFeedbackRating = -1 | 0 | 1;
+export interface ChartFeedback {
+    id?: string;
+    rating: ChartFeedbackRating;
+    comment?: string;
+}
+export interface InteractiveVizItemChartOptionsChangedEventDetail {
+    options: ChartOptions;
+}
+export interface InteractiveVizItemChartChangedEventDetail {
+    chart: FlexChartConfig;
+}
+export interface InteractiveVizItemFeedbackChangedEventDetail {
+    rating: ChartFeedbackRating;
+    comment?: string;
+}

package/react/esm/components/interactive-viz-item/types.js

@@ -0,0 +1,16 @@
+export var RankingDirection;
+(function (RankingDirection) {
+    RankingDirection["Top"] = "top";
+    RankingDirection["Bottom"] = "bottom";
+})(RankingDirection || (RankingDirection = {}));
+export var SortDirection;
+(function (SortDirection) {
+    SortDirection["Asc"] = "asc";
+    SortDirection["Desc"] = "desc";
+})(SortDirection || (SortDirection = {}));
+export var SortBy;
+(function (SortBy) {
+    SortBy["Measure"] = "measure";
+    SortBy["Category"] = "category";
+})(SortBy || (SortBy = {}));
+export const DEFAULT_RANKING_NUMBER = 5;

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

@@ -24,6 +24,7 @@ export { LuzmoFilters, type LuzmoFiltersElement } from './components/filters.com
 export { LuzmoFormula, type LuzmoFormulaElement } from './components/formula.component';
 export { LuzmoFormulaEditor, type LuzmoFormulaEditorElement } from './components/formula-editor.component';
 export { LuzmoFormulaField, type LuzmoFormulaFieldElement } from './components/formula-field.component';
+export { LuzmoInteractiveVizItem, type LuzmoInteractiveVizItemElement } from './components/interactive-viz-item.component';
 export { LuzmoItemGrid, type LuzmoItemGridElement } from './components/item-grid.component';
 export { LuzmoItemOption, type LuzmoItemOptionElement } from './components/item-option.component';
 export { LuzmoItemOptionActionButtonGroup, type LuzmoItemOptionActionButtonGroupElement } from './components/item-option-action-button-group.component';
@@ -47,6 +48,6 @@ export { LuzmoItemSlotPickerPanel, type LuzmoItemSlotPickerPanelElement } from '
 export { LuzmoSlotMenu, type LuzmoSlotMenuElement } from './components/slot-menu.component';
 export { LuzmoSlotMenuList, type LuzmoSlotMenuListElement } from './components/slot-menu-list.component';
 export { LuzmoVizItemMenu, type LuzmoVizItemMenuElement } from './components/viz-item-menu.component';
-export declare const LUZMO_REACT_COMPONENTS: readonly [any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any];
-export declare const LUZMO_REACT_COMPONENT_NAMES: readonly ["LuzmoAiChat", "LuzmoAiInteractionTextarea", "LuzmoDataField", "LuzmoDataFieldLevel", "LuzmoDataFieldPanel", "LuzmoDataFieldsSelect", "LuzmoDatasetIcon", "LuzmoDatasetSelectorList", "LuzmoDatasetSelectorRow", "LuzmoDisplaySettings", "LuzmoDisplaySettingsBinning", "LuzmoDisplaySettingsDatetime", "LuzmoDisplaySettingsGrandTotals", "LuzmoDisplaySettingsNumeric", "LuzmoDisplaySettingsPeriodOverPeriod", "LuzmoFilterExpressionPicker", "LuzmoFilterItem", "LuzmoFilterParameterPicker", "LuzmoFilterValuePicker", "LuzmoFilterValuePickerDatetime", "LuzmoFilterValuePickerHierarchy", "LuzmoFilterValuePickerNumeric", "LuzmoFilters", "LuzmoFormula", "LuzmoFormulaEditor", "LuzmoFormulaField", "LuzmoItemGrid", "LuzmoItemOption", "LuzmoItemOptionActionButtonGroup", "LuzmoItemOptionColorPalettePicker", "LuzmoItemOptionColorPicker", "LuzmoItemOptionColorRange", "LuzmoItemOptionMultiLanguageField", "LuzmoItemOptionNumberField", "LuzmoItemOptionPanel", "LuzmoItemOptionPicker", "LuzmoItemOptionPositionPicker", "LuzmoItemOptionPositionsNumberField", "LuzmoItemOptionRadioButtonGroup", "LuzmoItemOptionSlider", "LuzmoItemOptionSwitch", "LuzmoItemOptionTextField", "LuzmoItemSlotDrop", "LuzmoItemSlotDropPanel", "LuzmoItemSlotPicker", "LuzmoItemSlotPickerPanel", "LuzmoSlotMenu", "LuzmoSlotMenuList", "LuzmoVizItemMenu"];
+export declare const LUZMO_REACT_COMPONENTS: readonly [any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any];
+export declare const LUZMO_REACT_COMPONENT_NAMES: readonly ["LuzmoAiChat", "LuzmoAiInteractionTextarea", "LuzmoDataField", "LuzmoDataFieldLevel", "LuzmoDataFieldPanel", "LuzmoDataFieldsSelect", "LuzmoDatasetIcon", "LuzmoDatasetSelectorList", "LuzmoDatasetSelectorRow", "LuzmoDisplaySettings", "LuzmoDisplaySettingsBinning", "LuzmoDisplaySettingsDatetime", "LuzmoDisplaySettingsGrandTotals", "LuzmoDisplaySettingsNumeric", "LuzmoDisplaySettingsPeriodOverPeriod", "LuzmoFilterExpressionPicker", "LuzmoFilterItem", "LuzmoFilterParameterPicker", "LuzmoFilterValuePicker", "LuzmoFilterValuePickerDatetime", "LuzmoFilterValuePickerHierarchy", "LuzmoFilterValuePickerNumeric", "LuzmoFilters", "LuzmoFormula", "LuzmoFormulaEditor", "LuzmoFormulaField", "LuzmoInteractiveVizItem", "LuzmoItemGrid", "LuzmoItemOption", "LuzmoItemOptionActionButtonGroup", "LuzmoItemOptionColorPalettePicker", "LuzmoItemOptionColorPicker", "LuzmoItemOptionColorRange", "LuzmoItemOptionMultiLanguageField", "LuzmoItemOptionNumberField", "LuzmoItemOptionPanel", "LuzmoItemOptionPicker", "LuzmoItemOptionPositionPicker", "LuzmoItemOptionPositionsNumberField", "LuzmoItemOptionRadioButtonGroup", "LuzmoItemOptionSlider", "LuzmoItemOptionSwitch", "LuzmoItemOptionTextField", "LuzmoItemSlotDrop", "LuzmoItemSlotDropPanel", "LuzmoItemSlotPicker", "LuzmoItemSlotPickerPanel", "LuzmoSlotMenu", "LuzmoSlotMenuList", "LuzmoVizItemMenu"];
 export type LuzmoReactComponentName = typeof LUZMO_REACT_COMPONENT_NAMES[number];

package/react/esm/index.js

@@ -26,6 +26,7 @@ import { LuzmoFilters } from './components/filters.component';
 import { LuzmoFormula } from './components/formula.component';
 import { LuzmoFormulaEditor } from './components/formula-editor.component';
 import { LuzmoFormulaField } from './components/formula-field.component';
+import { LuzmoInteractiveVizItem } from './components/interactive-viz-item.component';
 import { LuzmoItemGrid } from './components/item-grid.component';
 import { LuzmoItemOption } from './components/item-option.component';
 import { LuzmoItemOptionActionButtonGroup } from './components/item-option-action-button-group.component';
@@ -75,6 +76,7 @@ export { LuzmoFilters } from './components/filters.component';
 export { LuzmoFormula } from './components/formula.component';
 export { LuzmoFormulaEditor } from './components/formula-editor.component';
 export { LuzmoFormulaField } from './components/formula-field.component';
+export { LuzmoInteractiveVizItem } from './components/interactive-viz-item.component';
 export { LuzmoItemGrid } from './components/item-grid.component';
 export { LuzmoItemOption } from './components/item-option.component';
 export { LuzmoItemOptionActionButtonGroup } from './components/item-option-action-button-group.component';
@@ -126,6 +128,7 @@ export const LUZMO_REACT_COMPONENTS = [
     LuzmoFormula,
     LuzmoFormulaEditor,
     LuzmoFormulaField,
+    LuzmoInteractiveVizItem,
     LuzmoItemGrid,
     LuzmoItemOption,
     LuzmoItemOptionActionButtonGroup,
@@ -178,6 +181,7 @@ export const LUZMO_REACT_COMPONENT_NAMES = [
     'LuzmoFormula',
     'LuzmoFormulaEditor',
     'LuzmoFormulaField',
+    'LuzmoInteractiveVizItem',
     'LuzmoItemGrid',
     'LuzmoItemOption',
     'LuzmoItemOptionActionButtonGroup',

package/react/index.ts

@@ -27,6 +27,7 @@ import { LuzmoFilters } from './components/filters.component';
 import { LuzmoFormula } from './components/formula.component';
 import { LuzmoFormulaEditor } from './components/formula-editor.component';
 import { LuzmoFormulaField } from './components/formula-field.component';
+import { LuzmoInteractiveVizItem } from './components/interactive-viz-item.component';
 import { LuzmoItemGrid } from './components/item-grid.component';
 import { LuzmoItemOption } from './components/item-option.component';
 import { LuzmoItemOptionActionButtonGroup } from './components/item-option-action-button-group.component';
@@ -77,6 +78,7 @@ export { LuzmoFilters, type LuzmoFiltersElement } from './components/filters.com
 export { LuzmoFormula, type LuzmoFormulaElement } from './components/formula.component';
 export { LuzmoFormulaEditor, type LuzmoFormulaEditorElement } from './components/formula-editor.component';
 export { LuzmoFormulaField, type LuzmoFormulaFieldElement } from './components/formula-field.component';
+export { LuzmoInteractiveVizItem, type LuzmoInteractiveVizItemElement } from './components/interactive-viz-item.component';
 export { LuzmoItemGrid, type LuzmoItemGridElement } from './components/item-grid.component';
 export { LuzmoItemOption, type LuzmoItemOptionElement } from './components/item-option.component';
 export { LuzmoItemOptionActionButtonGroup, type LuzmoItemOptionActionButtonGroupElement } from './components/item-option-action-button-group.component';
@@ -129,6 +131,7 @@ export const LUZMO_REACT_COMPONENTS = [
   LuzmoFormula,
   LuzmoFormulaEditor,
   LuzmoFormulaField,
+  LuzmoInteractiveVizItem,
   LuzmoItemGrid,
   LuzmoItemOption,
   LuzmoItemOptionActionButtonGroup,
@@ -182,6 +185,7 @@ export const LUZMO_REACT_COMPONENT_NAMES = [
   'LuzmoFormula',
   'LuzmoFormulaEditor',
   'LuzmoFormulaField',
+  'LuzmoInteractiveVizItem',
   'LuzmoItemGrid',
   'LuzmoItemOption',
   'LuzmoItemOptionActionButtonGroup',

package/react/luzmo-stub.d.ts

@@ -29,6 +29,7 @@ declare module '@luzmo/analytics-components-kit' {
   export class LuzmoFormula extends HTMLElement {}
   export class LuzmoFormulaEditor extends HTMLElement {}
   export class LuzmoFormulaField extends HTMLElement {}
+  export class LuzmoInteractiveVizItem extends HTMLElement {}
   export class LuzmoItemGrid extends HTMLElement {}
   export class LuzmoItemOption extends HTMLElement {}
   export class LuzmoItemOptionActionButtonGroup extends HTMLElement {}
@@ -194,6 +195,13 @@ declare module '@luzmo/analytics-components-kit/formula-field' {
 
 }
 
+declare module '@luzmo/analytics-components-kit/interactive-viz-item' {
+  export class LuzmoInteractiveVizItem extends HTMLElement {}
+  export type InteractiveVizItemChartChangedEventDetail = Record<string, unknown>;
+  export type InteractiveVizItemChartOptionsChangedEventDetail = Record<string, unknown>;
+  export type InteractiveVizItemFeedbackChangedEventDetail = Record<string, unknown>;
+}
+
 declare module '@luzmo/analytics-components-kit/item-grid' {
   export class LuzmoItemGrid extends HTMLElement {}
   export type GridItemActionEventDetail = Record<string, unknown>;

package/react/utils/store/index.d.ts

@@ -9,7 +9,7 @@
  * @example
  * ```typescript
  * // Standalone item with undo/redo
- * import { createItemStore } from '@luzmo/analytics-components-kit/utils/store';
+ * import { createItemStore } from '../../utils/store';
  *
  * const itemStore = createItemStore({
  *   type: 'bar-chart',
@@ -31,7 +31,7 @@
  * import {
  *   registerItemStore,
  *   getStore
- * } from '@luzmo/analytics-components-kit/utils/store';
+ * } from '../../utils/store';
  *
  * // Create and register stores
  * const store = registerItemStore({ type: 'bar-chart' });
@@ -46,7 +46,7 @@
  * @example
  * ```typescript
  * // Dashboard with real-time collaboration
- * import { createDashboardStore } from '@luzmo/analytics-components-kit/utils/store';
+ * import { createDashboardStore } from '../../utils/store';
  *
  * const dashboardStore = createDashboardStore(dashboardConfig);
  *
@@ -67,7 +67,7 @@ import type { ItemState, ItemStoreConfig, ItemStore, DashboardState, DashboardSt
  *
  * @example
  * ```typescript
- * import { ready, createItemStore } from '@luzmo/analytics-components-kit/utils/store';
+ * import { ready, createItemStore } from '../../utils/store';
  *
  * await ready;
  * const store = createItemStore({ type: 'bar-chart' });
@@ -82,7 +82,7 @@ export declare const ready: Promise<void>;
  *
  * @example
  * ```typescript
- * import { onReady, createItemStore } from '@luzmo/analytics-components-kit/utils/store';
+ * import { onReady, createItemStore } from '../../utils/store';
  *
  * onReady(() => {
  *   const store = createItemStore({ type: 'bar-chart' });

package/react/utils/store/store-registry.d.ts

@@ -11,7 +11,7 @@
  * import {
  *   registerItemStore,
  *   getStore
- * } from '@luzmo/analytics-components-kit/utils/store';
+ * } from '../../utils/store';
  *
  * // Create and register a store (auto-registers with its ID)
  * const store = registerItemStore({ type: 'bar-chart' });

package/utils/store/index.d.ts

@@ -9,7 +9,7 @@
  * @example
  * ```typescript
  * // Standalone item with undo/redo
- * import { createItemStore } from '@luzmo/analytics-components-kit/utils/store';
+ * import { createItemStore } from '../../utils/store';
  *
  * const itemStore = createItemStore({
  *   type: 'bar-chart',
@@ -31,7 +31,7 @@
  * import {
  *   registerItemStore,
  *   getStore
- * } from '@luzmo/analytics-components-kit/utils/store';
+ * } from '../../utils/store';
  *
  * // Create and register stores
  * const store = registerItemStore({ type: 'bar-chart' });
@@ -46,7 +46,7 @@
  * @example
  * ```typescript
  * // Dashboard with real-time collaboration
- * import { createDashboardStore } from '@luzmo/analytics-components-kit/utils/store';
+ * import { createDashboardStore } from '../../utils/store';
  *
  * const dashboardStore = createDashboardStore(dashboardConfig);
  *
@@ -67,7 +67,7 @@ import type { ItemState, ItemStoreConfig, ItemStore, DashboardState, DashboardSt
  *
  * @example
  * ```typescript
- * import { ready, createItemStore } from '@luzmo/analytics-components-kit/utils/store';
+ * import { ready, createItemStore } from '../../utils/store';
  *
  * await ready;
  * const store = createItemStore({ type: 'bar-chart' });
@@ -82,7 +82,7 @@ export declare const ready: Promise<void>;
  *
  * @example
  * ```typescript
- * import { onReady, createItemStore } from '@luzmo/analytics-components-kit/utils/store';
+ * import { onReady, createItemStore } from '../../utils/store';
  *
  * onReady(() => {
  *   const store = createItemStore({ type: 'bar-chart' });

package/utils/store/store-registry.d.ts

@@ -11,7 +11,7 @@
  * import {
  *   registerItemStore,
  *   getStore
- * } from '@luzmo/analytics-components-kit/utils/store';
+ * } from '../../utils/store';
  *
  * // Create and register a store (auto-registers with its ID)
  * const store = registerItemStore({ type: 'bar-chart' });