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

package/react/esm/index.js

@@ -1,8 +1,31 @@
 // Auto-generated React wrappers for Luzmo Analytics Components Kit
 // Generated using @lit/react
+import { LuzmoAiChat } from './components/ai-chat.component';
+import { LuzmoAiInteractionTextarea } from './components/ai-interaction-textarea.component';
 import { LuzmoDataField } from './components/data-field.component';
+import { LuzmoDataFieldLevel } from './components/data-field-level.component';
 import { LuzmoDataFieldPanel } from './components/data-field-panel.component';
+import { LuzmoDataFieldsSelect } from './components/data-fields-select.component';
+import { LuzmoDatasetIcon } from './components/dataset-icon.component';
+import { LuzmoDatasetSelectorList } from './components/dataset-selector-list.component';
+import { LuzmoDatasetSelectorRow } from './components/dataset-selector-row.component';
+import { LuzmoDisplaySettings } from './components/display-settings.component';
+import { LuzmoDisplaySettingsBinning } from './components/display-settings-binning.component';
+import { LuzmoDisplaySettingsDatetime } from './components/display-settings-datetime.component';
+import { LuzmoDisplaySettingsGrandTotals } from './components/display-settings-grand-totals.component';
+import { LuzmoDisplaySettingsNumeric } from './components/display-settings-numeric.component';
+import { LuzmoDisplaySettingsPeriodOverPeriod } from './components/display-settings-period-over-period.component';
+import { LuzmoFilterExpressionPicker } from './components/filter-expression-picker.component';
+import { LuzmoFilterItem } from './components/filter-item.component';
+import { LuzmoFilterParameterPicker } from './components/filter-parameter-picker.component';
+import { LuzmoFilterValuePicker } from './components/filter-value-picker.component';
+import { LuzmoFilterValuePickerDatetime } from './components/filter-value-picker-datetime.component';
+import { LuzmoFilterValuePickerHierarchy } from './components/filter-value-picker-hierarchy.component';
+import { LuzmoFilterValuePickerNumeric } from './components/filter-value-picker-numeric.component';
 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 { LuzmoItemGrid } from './components/item-grid.component';
 import { LuzmoItemOption } from './components/item-option.component';
 import { LuzmoItemOptionActionButtonGroup } from './components/item-option-action-button-group.component';
@@ -23,9 +46,35 @@ import { LuzmoItemSlotDrop } from './components/item-slot-drop.component';
 import { LuzmoItemSlotDropPanel } from './components/item-slot-drop-panel.component';
 import { LuzmoItemSlotPicker } from './components/item-slot-picker.component';
 import { LuzmoItemSlotPickerPanel } from './components/item-slot-picker-panel.component';
+import { LuzmoSlotMenu } from './components/slot-menu.component';
+import { LuzmoSlotMenuList } from './components/slot-menu-list.component';
+import { LuzmoVizItemMenu } from './components/viz-item-menu.component';
+export { LuzmoAiChat } from './components/ai-chat.component';
+export { LuzmoAiInteractionTextarea } from './components/ai-interaction-textarea.component';
 export { LuzmoDataField } from './components/data-field.component';
+export { LuzmoDataFieldLevel } from './components/data-field-level.component';
 export { LuzmoDataFieldPanel } from './components/data-field-panel.component';
+export { LuzmoDataFieldsSelect } from './components/data-fields-select.component';
+export { LuzmoDatasetIcon } from './components/dataset-icon.component';
+export { LuzmoDatasetSelectorList } from './components/dataset-selector-list.component';
+export { LuzmoDatasetSelectorRow } from './components/dataset-selector-row.component';
+export { LuzmoDisplaySettings } from './components/display-settings.component';
+export { LuzmoDisplaySettingsBinning } from './components/display-settings-binning.component';
+export { LuzmoDisplaySettingsDatetime } from './components/display-settings-datetime.component';
+export { LuzmoDisplaySettingsGrandTotals } from './components/display-settings-grand-totals.component';
+export { LuzmoDisplaySettingsNumeric } from './components/display-settings-numeric.component';
+export { LuzmoDisplaySettingsPeriodOverPeriod } from './components/display-settings-period-over-period.component';
+export { LuzmoFilterExpressionPicker } from './components/filter-expression-picker.component';
+export { LuzmoFilterItem } from './components/filter-item.component';
+export { LuzmoFilterParameterPicker } from './components/filter-parameter-picker.component';
+export { LuzmoFilterValuePicker } from './components/filter-value-picker.component';
+export { LuzmoFilterValuePickerDatetime } from './components/filter-value-picker-datetime.component';
+export { LuzmoFilterValuePickerHierarchy } from './components/filter-value-picker-hierarchy.component';
+export { LuzmoFilterValuePickerNumeric } from './components/filter-value-picker-numeric.component';
 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 { LuzmoItemGrid } from './components/item-grid.component';
 export { LuzmoItemOption } from './components/item-option.component';
 export { LuzmoItemOptionActionButtonGroup } from './components/item-option-action-button-group.component';
@@ -46,11 +95,37 @@ export { LuzmoItemSlotDrop } from './components/item-slot-drop.component';
 export { LuzmoItemSlotDropPanel } from './components/item-slot-drop-panel.component';
 export { LuzmoItemSlotPicker } from './components/item-slot-picker.component';
 export { LuzmoItemSlotPickerPanel } from './components/item-slot-picker-panel.component';
+export { LuzmoSlotMenu } from './components/slot-menu.component';
+export { LuzmoSlotMenuList } from './components/slot-menu-list.component';
+export { LuzmoVizItemMenu } from './components/viz-item-menu.component';
 // Array of all React component classes for easy imports
 export const LUZMO_REACT_COMPONENTS = [
+    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,
@@ -70,13 +145,39 @@ export const LUZMO_REACT_COMPONENTS = [
     LuzmoItemSlotDrop,
     LuzmoItemSlotDropPanel,
     LuzmoItemSlotPicker,
-    LuzmoItemSlotPickerPanel
+    LuzmoItemSlotPickerPanel,
+    LuzmoSlotMenu,
+    LuzmoSlotMenuList,
+    LuzmoVizItemMenu
 ];
 // List of all available React component names
 export const LUZMO_REACT_COMPONENT_NAMES = [
+    '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',
@@ -96,5 +197,8 @@ export const LUZMO_REACT_COMPONENT_NAMES = [
     'LuzmoItemSlotDrop',
     'LuzmoItemSlotDropPanel',
     'LuzmoItemSlotPicker',
-    'LuzmoItemSlotPickerPanel'
+    'LuzmoItemSlotPickerPanel',
+    'LuzmoSlotMenu',
+    'LuzmoSlotMenuList',
+    'LuzmoVizItemMenu'
 ];

package/react/esm/types.d.ts

@@ -7,9 +7,24 @@
  */
 export type { Column, ColumnSubtype, ColumnType, GenericSlotContent, GridConfig, ItemFilterGroup, OptionConfig, OptionsConfig, OptionTranslation, Slot, SlotConfig, SlotName, SlotPosition, SlotPositioningConfig, ThemeConfig, TranslationOverrides, TranslationsFile, VizItemSlot, VizItemType } from '@luzmo/dashboard-contents-types';
 export type { ElementSize, Placement } from '@luzmo/lucero';
+export type * from './types/ai-chat.types';
+export type * from './types/data-field-events.types';
+export type * from './types/dataset-data-field.types';
+export type * from './types/dataset.types';
+export type * from './types/formula.types';
+export type * from './types/slot.types';
+export type * from './components/dataset-icon/types';
+export type * from './components/display-settings/types';
+export type * from './components/data-fields-select/types';
+export type * from './components/ai-interaction-textarea/types';
 export type * from './components/item-option/types';
 export type * from './components/data-field/types';
 export type * from './components/data-field-panel/types';
 export type * from './components/item-slot-drop/types';
 export type * from './components/filters/types';
 export type * from './components/item-grid/types';
+export type * from './components/slot-menu/types';
+export type * from './components/viz-item-menu/types';
+export type * from './utils/data-broker';
+export type * from './utils/time/period-over-period-condition.const';
+export type * from './utils/transformations/convert-datasets-to-data-fields';

package/react/index.ts

@@ -1,9 +1,32 @@
 // Auto-generated React wrappers for Luzmo Analytics Components Kit
 // Generated using @lit/react
 
+import { LuzmoAiChat } from './components/ai-chat.component';
+import { LuzmoAiInteractionTextarea } from './components/ai-interaction-textarea.component';
 import { LuzmoDataField } from './components/data-field.component';
+import { LuzmoDataFieldLevel } from './components/data-field-level.component';
 import { LuzmoDataFieldPanel } from './components/data-field-panel.component';
+import { LuzmoDataFieldsSelect } from './components/data-fields-select.component';
+import { LuzmoDatasetIcon } from './components/dataset-icon.component';
+import { LuzmoDatasetSelectorList } from './components/dataset-selector-list.component';
+import { LuzmoDatasetSelectorRow } from './components/dataset-selector-row.component';
+import { LuzmoDisplaySettings } from './components/display-settings.component';
+import { LuzmoDisplaySettingsBinning } from './components/display-settings-binning.component';
+import { LuzmoDisplaySettingsDatetime } from './components/display-settings-datetime.component';
+import { LuzmoDisplaySettingsGrandTotals } from './components/display-settings-grand-totals.component';
+import { LuzmoDisplaySettingsNumeric } from './components/display-settings-numeric.component';
+import { LuzmoDisplaySettingsPeriodOverPeriod } from './components/display-settings-period-over-period.component';
+import { LuzmoFilterExpressionPicker } from './components/filter-expression-picker.component';
+import { LuzmoFilterItem } from './components/filter-item.component';
+import { LuzmoFilterParameterPicker } from './components/filter-parameter-picker.component';
+import { LuzmoFilterValuePicker } from './components/filter-value-picker.component';
+import { LuzmoFilterValuePickerDatetime } from './components/filter-value-picker-datetime.component';
+import { LuzmoFilterValuePickerHierarchy } from './components/filter-value-picker-hierarchy.component';
+import { LuzmoFilterValuePickerNumeric } from './components/filter-value-picker-numeric.component';
 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 { LuzmoItemGrid } from './components/item-grid.component';
 import { LuzmoItemOption } from './components/item-option.component';
 import { LuzmoItemOptionActionButtonGroup } from './components/item-option-action-button-group.component';
@@ -24,10 +47,36 @@ import { LuzmoItemSlotDrop } from './components/item-slot-drop.component';
 import { LuzmoItemSlotDropPanel } from './components/item-slot-drop-panel.component';
 import { LuzmoItemSlotPicker } from './components/item-slot-picker.component';
 import { LuzmoItemSlotPickerPanel } from './components/item-slot-picker-panel.component';
+import { LuzmoSlotMenu } from './components/slot-menu.component';
+import { LuzmoSlotMenuList } from './components/slot-menu-list.component';
+import { LuzmoVizItemMenu } from './components/viz-item-menu.component';
 
+export { LuzmoAiChat, type LuzmoAiChatElement } from './components/ai-chat.component';
+export { LuzmoAiInteractionTextarea, type LuzmoAiInteractionTextareaElement } from './components/ai-interaction-textarea.component';
 export { LuzmoDataField, type LuzmoDataFieldElement } from './components/data-field.component';
+export { LuzmoDataFieldLevel, type LuzmoDataFieldLevelElement } from './components/data-field-level.component';
 export { LuzmoDataFieldPanel, type LuzmoDataFieldPanelElement } from './components/data-field-panel.component';
+export { LuzmoDataFieldsSelect, type LuzmoDataFieldsSelectElement } from './components/data-fields-select.component';
+export { LuzmoDatasetIcon, type LuzmoDatasetIconElement } from './components/dataset-icon.component';
+export { LuzmoDatasetSelectorList, type LuzmoDatasetSelectorListElement } from './components/dataset-selector-list.component';
+export { LuzmoDatasetSelectorRow, type LuzmoDatasetSelectorRowElement } from './components/dataset-selector-row.component';
+export { LuzmoDisplaySettings, type LuzmoDisplaySettingsElement } from './components/display-settings.component';
+export { LuzmoDisplaySettingsBinning, type LuzmoDisplaySettingsBinningElement } from './components/display-settings-binning.component';
+export { LuzmoDisplaySettingsDatetime, type LuzmoDisplaySettingsDatetimeElement } from './components/display-settings-datetime.component';
+export { LuzmoDisplaySettingsGrandTotals, type LuzmoDisplaySettingsGrandTotalsElement } from './components/display-settings-grand-totals.component';
+export { LuzmoDisplaySettingsNumeric, type LuzmoDisplaySettingsNumericElement } from './components/display-settings-numeric.component';
+export { LuzmoDisplaySettingsPeriodOverPeriod, type LuzmoDisplaySettingsPeriodOverPeriodElement } from './components/display-settings-period-over-period.component';
+export { LuzmoFilterExpressionPicker, type LuzmoFilterExpressionPickerElement } from './components/filter-expression-picker.component';
+export { LuzmoFilterItem, type LuzmoFilterItemElement } from './components/filter-item.component';
+export { LuzmoFilterParameterPicker, type LuzmoFilterParameterPickerElement } from './components/filter-parameter-picker.component';
+export { LuzmoFilterValuePicker, type LuzmoFilterValuePickerElement } from './components/filter-value-picker.component';
+export { LuzmoFilterValuePickerDatetime, type LuzmoFilterValuePickerDatetimeElement } from './components/filter-value-picker-datetime.component';
+export { LuzmoFilterValuePickerHierarchy, type LuzmoFilterValuePickerHierarchyElement } from './components/filter-value-picker-hierarchy.component';
+export { LuzmoFilterValuePickerNumeric, type LuzmoFilterValuePickerNumericElement } from './components/filter-value-picker-numeric.component';
 export { LuzmoFilters, type LuzmoFiltersElement } from './components/filters.component';
+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 { 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';
@@ -48,12 +97,38 @@ export { LuzmoItemSlotDrop, type LuzmoItemSlotDropElement } from './components/i
 export { LuzmoItemSlotDropPanel, type LuzmoItemSlotDropPanelElement } from './components/item-slot-drop-panel.component';
 export { LuzmoItemSlotPicker, type LuzmoItemSlotPickerElement } from './components/item-slot-picker.component';
 export { LuzmoItemSlotPickerPanel, type LuzmoItemSlotPickerPanelElement } from './components/item-slot-picker-panel.component';
+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';
 
 // Array of all React component classes for easy imports
 export const LUZMO_REACT_COMPONENTS = [
+  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,
@@ -73,14 +148,40 @@ export const LUZMO_REACT_COMPONENTS = [
   LuzmoItemSlotDrop,
   LuzmoItemSlotDropPanel,
   LuzmoItemSlotPicker,
-  LuzmoItemSlotPickerPanel
+  LuzmoItemSlotPickerPanel,
+  LuzmoSlotMenu,
+  LuzmoSlotMenuList,
+  LuzmoVizItemMenu
 ] as const;
 
 // List of all available React component names
 export const LUZMO_REACT_COMPONENT_NAMES = [
+  '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',
@@ -100,7 +201,10 @@ export const LUZMO_REACT_COMPONENT_NAMES = [
   'LuzmoItemSlotDrop',
   'LuzmoItemSlotDropPanel',
   'LuzmoItemSlotPicker',
-  'LuzmoItemSlotPickerPanel'
+  'LuzmoItemSlotPickerPanel',
+  'LuzmoSlotMenu',
+  'LuzmoSlotMenuList',
+  'LuzmoVizItemMenu'
 ] as const;
 
 export type LuzmoReactComponentName = typeof LUZMO_REACT_COMPONENT_NAMES[number];

package/react/luzmo-stub.d.ts

@@ -3,9 +3,32 @@
 
 declare module '@luzmo/analytics-components-kit' {
   export const __placeholder: any;
+  export class LuzmoAiChat extends HTMLElement {}
+  export class LuzmoAiInteractionTextarea extends HTMLElement {}
   export class LuzmoDataField extends HTMLElement {}
+  export class LuzmoDataFieldLevel extends HTMLElement {}
   export class LuzmoDataFieldPanel extends HTMLElement {}
+  export class LuzmoDataFieldsSelect extends HTMLElement {}
+  export class LuzmoDatasetIcon extends HTMLElement {}
+  export class LuzmoDatasetSelectorList extends HTMLElement {}
+  export class LuzmoDatasetSelectorRow extends HTMLElement {}
+  export class LuzmoDisplaySettings extends HTMLElement {}
+  export class LuzmoDisplaySettingsBinning extends HTMLElement {}
+  export class LuzmoDisplaySettingsDatetime extends HTMLElement {}
+  export class LuzmoDisplaySettingsGrandTotals extends HTMLElement {}
+  export class LuzmoDisplaySettingsNumeric extends HTMLElement {}
+  export class LuzmoDisplaySettingsPeriodOverPeriod extends HTMLElement {}
+  export class LuzmoFilterExpressionPicker extends HTMLElement {}
+  export class LuzmoFilterItem extends HTMLElement {}
+  export class LuzmoFilterParameterPicker extends HTMLElement {}
+  export class LuzmoFilterValuePicker extends HTMLElement {}
+  export class LuzmoFilterValuePickerDatetime extends HTMLElement {}
+  export class LuzmoFilterValuePickerHierarchy extends HTMLElement {}
+  export class LuzmoFilterValuePickerNumeric extends HTMLElement {}
   export class LuzmoFilters extends HTMLElement {}
+  export class LuzmoFormula extends HTMLElement {}
+  export class LuzmoFormulaEditor extends HTMLElement {}
+  export class LuzmoFormulaField extends HTMLElement {}
   export class LuzmoItemGrid extends HTMLElement {}
   export class LuzmoItemOption extends HTMLElement {}
   export class LuzmoItemOptionActionButtonGroup extends HTMLElement {}
@@ -26,6 +49,23 @@ declare module '@luzmo/analytics-components-kit' {
   export class LuzmoItemSlotDropPanel extends HTMLElement {}
   export class LuzmoItemSlotPicker extends HTMLElement {}
   export class LuzmoItemSlotPickerPanel extends HTMLElement {}
+  export class LuzmoSlotMenu extends HTMLElement {}
+  export class LuzmoSlotMenuList extends HTMLElement {}
+  export class LuzmoVizItemMenu extends HTMLElement {}
+}
+
+declare module '@luzmo/analytics-components-kit/ai-chat' {
+  export class LuzmoAiChat extends HTMLElement {}
+  export type AiChatCompleteEvent = Record<string, unknown>;
+  export type AiChatConversationIdChangedEventDetail = Record<string, unknown>;
+  export type AiChatDatasetsChangedEventDetail = Record<string, unknown>;
+  export type AiChatMessageSentEventDetail = Record<string, unknown>;
+  export type AiChatStepEvent = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/ai-interaction-textarea' {
+  export class LuzmoAiInteractionTextarea extends HTMLElement {}
+  export type PromptSubmittedEventDetail = Record<string, unknown>;
 }
 
 declare module '@luzmo/analytics-components-kit/data-field' {
@@ -34,6 +74,12 @@ declare module '@luzmo/analytics-components-kit/data-field' {
   export type DataFieldDroppedEventDetail = Record<string, unknown>;
 }
 
+declare module '@luzmo/analytics-components-kit/data-field-level' {
+  export class LuzmoDataFieldLevel extends HTMLElement {}
+  export type DataFieldDragStartedEventDetail = Record<string, unknown>;
+  export type DataFieldDroppedEventDetail = Record<string, unknown>;
+}
+
 declare module '@luzmo/analytics-components-kit/data-field-panel' {
   export class LuzmoDataFieldPanel extends HTMLElement {}
   export type DataFieldDragStartedEventDetail = Record<string, unknown>;
@@ -41,11 +87,113 @@ declare module '@luzmo/analytics-components-kit/data-field-panel' {
   export type DatasetChangedEventDetail = Record<string, unknown>;
 }
 
+declare module '@luzmo/analytics-components-kit/data-fields-select' {
+  export class LuzmoDataFieldsSelect extends HTMLElement {}
+  export type DataFieldsSelectedEventDetail = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/dataset-icon' {
+  export class LuzmoDatasetIcon extends HTMLElement {}
+
+}
+
+declare module '@luzmo/analytics-components-kit/dataset-selector-list' {
+  export class LuzmoDatasetSelectorList extends HTMLElement {}
+  export type Dataset = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/dataset-selector-row' {
+  export class LuzmoDatasetSelectorRow extends HTMLElement {}
+  export type Dataset = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/display-settings' {
+  export class LuzmoDisplaySettings extends HTMLElement {}
+  export type DisplaySettingsRemoveSlotContentEventDetail = Record<string, unknown>;
+  export type DisplaySettingsSlotContentChangedEventDetail = Record<string, unknown>;
+  export type InfoVisibilityChangedEventDetail = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/display-settings-binning' {
+  export class LuzmoDisplaySettingsBinning extends HTMLElement {}
+  export type DisplaySettingsSlotContentChangedEventDetail = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/display-settings-datetime' {
+  export class LuzmoDisplaySettingsDatetime extends HTMLElement {}
+  export type DisplaySettingsSlotContentChangedEventDetail = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/display-settings-grand-totals' {
+  export class LuzmoDisplaySettingsGrandTotals extends HTMLElement {}
+  export type DisplaySettingsSlotContentChangedEventDetail = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/display-settings-numeric' {
+  export class LuzmoDisplaySettingsNumeric extends HTMLElement {}
+  export type DisplaySettingsSlotContentChangedEventDetail = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/display-settings-period-over-period' {
+  export class LuzmoDisplaySettingsPeriodOverPeriod extends HTMLElement {}
+  export type DisplaySettingsSlotContentChangedEventDetail = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/filter-expression-picker' {
+  export class LuzmoFilterExpressionPicker extends HTMLElement {}
+
+}
+
+declare module '@luzmo/analytics-components-kit/filter-item' {
+  export class LuzmoFilterItem extends HTMLElement {}
+
+}
+
+declare module '@luzmo/analytics-components-kit/filter-parameter-picker' {
+  export class LuzmoFilterParameterPicker extends HTMLElement {}
+
+}
+
+declare module '@luzmo/analytics-components-kit/filter-value-picker' {
+  export class LuzmoFilterValuePicker extends HTMLElement {}
+
+}
+
+declare module '@luzmo/analytics-components-kit/filter-value-picker-datetime' {
+  export class LuzmoFilterValuePickerDatetime extends HTMLElement {}
+
+}
+
+declare module '@luzmo/analytics-components-kit/filter-value-picker-hierarchy' {
+  export class LuzmoFilterValuePickerHierarchy extends HTMLElement {}
+
+}
+
+declare module '@luzmo/analytics-components-kit/filter-value-picker-numeric' {
+  export class LuzmoFilterValuePickerNumeric extends HTMLElement {}
+
+}
+
 declare module '@luzmo/analytics-components-kit/filters' {
   export class LuzmoFilters extends HTMLElement {}
   export type FiltersChangedEventDetail = Record<string, unknown>;
 }
 
+declare module '@luzmo/analytics-components-kit/formula' {
+  export class LuzmoFormula extends HTMLElement {}
+
+}
+
+declare module '@luzmo/analytics-components-kit/formula-editor' {
+  export class LuzmoFormulaEditor extends HTMLElement {}
+  export type ValidityChangedEventDetail = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/formula-field' {
+  export class LuzmoFormulaField extends HTMLElement {}
+
+}
+
 declare module '@luzmo/analytics-components-kit/item-grid' {
   export class LuzmoItemGrid extends HTMLElement {}
   export type GridItemActionEventDetail = Record<string, unknown>;
@@ -154,3 +302,22 @@ declare module '@luzmo/analytics-components-kit/item-slot-picker-panel' {
   export type SlotConstraintTriggeredEventDetail = Record<string, unknown>;
   export type SlotsContentsChangedEventDetail = Record<string, unknown>;
 }
+
+declare module '@luzmo/analytics-components-kit/slot-menu' {
+  export class LuzmoSlotMenu extends HTMLElement {}
+  export type InfoVisibilityChangedEventDetail = Record<string, unknown>;
+  export type SlotContentsChangedEventDetail = Record<string, unknown>;
+  export type SlotMenuActiveEventDetail = Record<string, unknown>;
+  export type SlotMenuHighlightEventDetail = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/slot-menu-list' {
+  export class LuzmoSlotMenuList extends HTMLElement {}
+  export type SlotListChangedEventDetail = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/viz-item-menu' {
+  export class LuzmoVizItemMenu extends HTMLElement {}
+  export type VizItemMenuButtonClickedEventDetail = Record<string, unknown>;
+  export type VizItemMenuSelectedChangedEventDetail = Record<string, unknown>;
+}

package/react/types.ts

@@ -30,13 +30,25 @@ export type {
 
 export type { ElementSize, Placement } from '@luzmo/lucero';
 
+export type * from './types/ai-chat.types';
+export type * from './types/data-field-events.types';
+export type * from './types/dataset-data-field.types';
+export type * from './types/dataset.types';
+export type * from './types/formula.types';
+export type * from './types/slot.types';
 
+export type * from './components/dataset-icon/types';
+export type * from './components/display-settings/types';
+export type * from './components/data-fields-select/types';
+export type * from './components/ai-interaction-textarea/types';
 export type * from './components/item-option/types';
 export type * from './components/data-field/types';
 export type * from './components/data-field-panel/types';
 export type * from './components/item-slot-drop/types';
 export type * from './components/filters/types';
 export type * from './components/item-grid/types';
+export type * from './components/slot-menu/types';
+export type * from './components/viz-item-menu/types';
 
 export type * from './utils/data-broker';
 export type * from './utils/time/period-over-period-condition.const';

package/react/utils/index.d.ts

@@ -7,3 +7,4 @@ export { switchItem } from './switch-item';
 export * from './themes';
 export { convertDatasetsToDataFields } from './transformations/convert-datasets-to-data-fields';
 export { PeriodOverPeriodCondition } from './time/period-over-period-condition.const';
+export { DATE_LEVEL_AND_ABOVE, getValueForFormatter, transformDateToTimezone } from './timezone/datetime-timezone';

package/react/utils/timezone/datetime-timezone.d.ts

@@ -0,0 +1,25 @@
+import type { GenericSlotContent } from '@luzmo/dashboard-contents-types';
+/**
+ * Luzmo datetime levels 1–5 (year, quarter, month, week, day).
+ * At these levels the API already returns values in the dashboard timezone.
+ * Levels 6+ (hour, minute, second, millisecond) are returned as UTC and need a client-side shift.
+ *
+ * @see https://developer.luzmo.com/guide/guides--querying-data--options.md
+ */
+export declare const DATE_LEVEL_AND_ABOVE = 5;
+/**
+ * Shifts a datetime value for display based on the column's aggregation level.
+ * Date-level values are parsed as-is; sub-day values are converted from UTC to the dashboard timezone.
+ */
+export declare function transformDateToTimezone(value: unknown, level: number | undefined, timezoneId: string): Date | null | undefined;
+/**
+ * Prepares a raw slot value for the Luzmo formatter, applying timezone conversion for
+ * datetime columns in default display mode. Non-default display modes (e.g. month_number)
+ * pass through unchanged as numeric values.
+ *
+ * When timezoneId is omitted (older Luzmo hosts), falls back to `new Date(value)` so the
+ * browser's local timezone is used — matching pre-timezone custom chart behaviour.
+ *
+ * Call this before `formatter()`; do not change `formatter()` itself.
+ */
+export declare function getValueForFormatter(rawValue: unknown, slotContent: GenericSlotContent | undefined, timezoneId?: string): string | number | Date | null | undefined;

package/react/utils/timezone/tests/datetime-timezone.test.d.ts

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

package/storybook/inject-global-vars.d.ts

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