@aceshooting/lyra-ui 10.0.1 → 11.0.0

package/dist/custom-elements-jsx.d.ts

@@ -415,9 +415,10 @@ export type LyraAvPlayerReactProps = LyraReactElementProps<LyraAvPlayer, 'active
 export type LyraAvatarReactProps = LyraReactElementProps<LyraAvatar, 'image' | 'initials' | 'label' | 'loading' | 'locale' | 'shape' | 'size' | 'strings' | 'variant', {}, LyraAvatarEventMap, 'lr-error', '--lr-avatar-bg' | '--lr-avatar-color' | '--lr-avatar-font-size' | '--lr-avatar-size' | '--size', {}>;
 export type LyraAvatarGroupReactProps = LyraReactElementProps<LyraAvatarGroup, 'label' | 'locale' | 'max' | 'shape' | 'size' | 'strings' | 'variant', {}, LyraAvatarGroupEventMap, 'lr-overflow-click', '--lr-avatar-group-avatar-size' | '--lr-avatar-group-badge-bg' | '--lr-avatar-group-badge-color' | '--lr-avatar-group-badge-font-size' | '--lr-avatar-group-overlap' | '--lr-avatar-group-ring-color' | '--lr-avatar-group-ring-width', {}>;
 export type LyraBadgeReactProps = LyraReactElementProps<LyraBadge, 'appearance' | 'attention' | 'locale' | 'pill' | 'pulse' | 'size' | 'strings' | 'variant', {}, {}, never, '--lr-badge-attention-duration' | '--lr-badge-attention-easing' | '--lr-badge-background' | '--lr-badge-border' | '--lr-badge-bounce-distance' | '--lr-badge-color' | '--lr-badge-edge' | '--lr-badge-fill' | '--lr-badge-font-size' | '--lr-badge-gap' | '--lr-badge-ink' | '--lr-badge-min-height' | '--lr-badge-on-solid' | '--lr-badge-padding-inline' | '--lr-badge-pulse-color' | '--lr-badge-pulse-spread' | '--lr-badge-radius' | '--lr-badge-solid' | '--lr-badge-stroke' | '--lr-badge-text' | '--lr-badge-tint' | '--pulse-color', {}>;
-export type LyraBarChartReactProps = LyraReactElementProps<LyraBarChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
+export type LyraBarChartReactProps = LyraReactElementProps<LyraBarChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'dataTableToggle' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-data-table-toggle-active-bg' | '--lr-chart-data-table-toggle-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
     'begin-at-zero'?: LyraBarChart['beginAtZero'];
     'data-labels'?: LyraBarChart['dataLabels'];
+    'data-table-toggle'?: LyraBarChart['dataTableToggle'];
     'index-axis'?: LyraBarChart['indexAxis'];
     'legend-position'?: LyraBarChart['legendPosition'];
     'scale-type'?: LyraBarChart['scaleType'];
@@ -430,8 +431,9 @@ export type LyraBarChartReactProps = LyraReactElementProps<LyraBarChart, 'annota
     'y-label'?: LyraBarChart['yLabel'];
     'y2-label'?: LyraBarChart['y2Label'];
 }>;
-export type LyraBoxPlotReactProps = LyraReactElementProps<LyraBoxPlot, 'beginAtZero' | 'datasets' | 'description' | 'formatter' | 'height' | 'hiddenDatasets' | 'label' | 'labels' | 'legend' | 'legendPosition' | 'locale' | 'showDataTable' | 'strings' | 'valueFormatter' | 'yLabel', {}, LyraBoxPlotEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click', '--lr-chart-canvas-hover-outline-width' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text', {
+export type LyraBoxPlotReactProps = LyraReactElementProps<LyraBoxPlot, 'beginAtZero' | 'datasets' | 'dataTableToggle' | 'description' | 'formatter' | 'height' | 'hiddenDatasets' | 'label' | 'labels' | 'legend' | 'legendPosition' | 'locale' | 'showDataTable' | 'strings' | 'valueFormatter' | 'yLabel', {}, LyraBoxPlotEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click', '--lr-box-plot-data-table-toggle-active-bg' | '--lr-box-plot-data-table-toggle-hover-bg' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text', {
     'begin-at-zero'?: LyraBoxPlot['beginAtZero'];
+    'data-table-toggle'?: LyraBoxPlot['dataTableToggle'];
     'legend-position'?: LyraBoxPlot['legendPosition'];
     'show-data-table'?: LyraBoxPlot['showDataTable'];
     'y-label'?: LyraBoxPlot['yLabel'];
@@ -446,9 +448,10 @@ export type LyraBreadcrumbItemReactProps = LyraReactElementProps<LyraBreadcrumbI
 export type LyraBrowserFrameReactProps = LyraReactElementProps<LyraBrowserFrame, 'controller' | 'controls' | 'frameSrc' | 'locale' | 'phase' | 'pings' | 'strings' | 'url', {}, LyraBrowserFrameEventMap, 'lr-stop' | 'lr-take-over', '--lr-browser-frame-aspect-ratio' | '--lr-browser-frame-controller-background' | '--lr-browser-frame-controller-color' | '--lr-browser-frame-ping-click-color' | '--lr-browser-frame-ping-move-color' | '--lr-browser-frame-ping-scroll-color' | '--lr-browser-frame-ping-type-color', {
     'frame-src'?: LyraBrowserFrame['frameSrc'];
 }>;
-export type LyraBubbleChartReactProps = LyraReactElementProps<LyraBubbleChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
+export type LyraBubbleChartReactProps = LyraReactElementProps<LyraBubbleChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'dataTableToggle' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-data-table-toggle-active-bg' | '--lr-chart-data-table-toggle-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
     'begin-at-zero'?: LyraBubbleChart['beginAtZero'];
     'data-labels'?: LyraBubbleChart['dataLabels'];
+    'data-table-toggle'?: LyraBubbleChart['dataTableToggle'];
     'index-axis'?: LyraBubbleChart['indexAxis'];
     'legend-position'?: LyraBubbleChart['legendPosition'];
     'scale-type'?: LyraBubbleChart['scaleType'];
@@ -511,9 +514,10 @@ export type LyraCarouselReactProps = LyraReactElementProps<LyraCarousel, 'access
     'slides-per-page'?: LyraCarousel['slidesPerPage'];
 }>;
 export type LyraCarouselItemReactProps = LyraReactElementProps<LyraCarouselItem, 'locale' | 'strings', {}, {}, never, '--aspect-ratio', {}>;
-export type LyraChartReactProps = LyraReactElementProps<LyraChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
+export type LyraChartReactProps = LyraReactElementProps<LyraChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'dataTableToggle' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-data-table-toggle-active-bg' | '--lr-chart-data-table-toggle-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
     'begin-at-zero'?: LyraChart['beginAtZero'];
     'data-labels'?: LyraChart['dataLabels'];
+    'data-table-toggle'?: LyraChart['dataTableToggle'];
     'index-axis'?: LyraChart['indexAxis'];
     'legend-position'?: LyraChart['legendPosition'];
     'scale-type'?: LyraChart['scaleType'];
@@ -628,7 +632,7 @@ export type LyraColorPickerReactProps = LyraReactElementProps<LyraColorPicker, '
     'with-label'?: LyraColorPicker['withLabel'];
     'without-format-toggle'?: LyraColorPicker['withoutFormatToggle'];
 }>;
-export type LyraComboboxReactProps = LyraReactElementProps<LyraCombobox, 'allowCreate' | 'allowCustomValue' | 'appearance' | 'autocapitalize' | 'autocomplete' | 'autocorrect' | 'clearable' | 'customError' | 'disabled' | 'emptyText' | 'enterkeyhint' | 'enterKeyHint' | 'errorText' | 'filter' | 'form' | 'getTag' | 'hint' | 'inputmode' | 'inputMode' | 'inputValue' | 'label' | 'loadingText' | 'locale' | 'maxOptionsVisible' | 'maxRender' | 'multiple' | 'name' | 'open' | 'overflowText' | 'pill' | 'placeholder' | 'placement' | 'required' | 'selectionDirection' | 'selectionEnd' | 'selectionStart' | 'size' | 'source' | 'sourceDelay' | 'spellcheck' | 'strings' | 'validationTarget' | 'validators' | 'value' | 'withClear' | 'withHint' | 'withLabel', {
+export type LyraComboboxReactProps = LyraReactElementProps<LyraCombobox, 'allowCreate' | 'allowCustomValue' | 'appearance' | 'autocapitalize' | 'autocomplete' | 'autocorrect' | 'clearable' | 'customError' | 'disabled' | 'emptyText' | 'enterkeyhint' | 'enterKeyHint' | 'errorText' | 'filter' | 'form' | 'getTag' | 'hint' | 'inputmode' | 'inputMode' | 'inputValue' | 'label' | 'loadingText' | 'locale' | 'maxOptionsVisible' | 'maxRender' | 'multiple' | 'name' | 'open' | 'overflowText' | 'pill' | 'placeholder' | 'placement' | 'required' | 'selectionDirection' | 'selectionEnd' | 'selectionStart' | 'size' | 'source' | 'sourceDelay' | 'spellcheck' | 'strings' | 'validationTarget' | 'validators' | 'value' | 'visibleOptions' | 'withClear' | 'withHint' | 'withLabel', {
     form: HTMLFormElement | string | null;
 }, LyraComboboxEventMap, 'blur' | 'change' | 'focus' | 'input' | 'lr-after-hide' | 'lr-after-show' | 'lr-change' | 'lr-clear' | 'lr-create' | 'lr-filter' | 'lr-hide' | 'lr-invalid' | 'lr-show', '--hide-duration' | '--lr-combobox-expand-size' | '--lr-combobox-font-size' | '--lr-combobox-gap' | '--lr-combobox-option-active-bg' | '--lr-combobox-option-selected-bg' | '--lr-combobox-option-selected-border' | '--lr-combobox-option-selected-color' | '--lr-combobox-option-selected-font-weight' | '--lr-combobox-radius' | '--lr-combobox-tag-font-size' | '--lr-combobox-tag-padding' | '--lr-combobox-trigger-height' | '--lr-combobox-trigger-min-height' | '--lr-combobox-trigger-padding' | '--lr-form-control-required-color' | '--lr-form-control-required-content' | '--lr-form-control-required-offset' | '--show-duration' | '--tag-max-size', {
     'allow-create'?: LyraCombobox['allowCreate'];
@@ -643,6 +647,7 @@ export type LyraComboboxReactProps = LyraReactElementProps<LyraCombobox, 'allowC
     'max-render'?: LyraCombobox['maxRender'];
     'overflow-text'?: LyraCombobox['overflowText'];
     'source-delay'?: LyraCombobox['sourceDelay'];
+    'visible-options'?: LyraCombobox['visibleOptions'];
     'with-clear'?: LyraCombobox['withClear'];
     'with-hint'?: LyraCombobox['withHint'];
     'with-label'?: LyraCombobox['withLabel'];
@@ -746,7 +751,7 @@ export type LyraDateInputReactProps = LyraReactElementProps<LyraDateInput, 'acce
     'with-outside-days'?: LyraDateInput['withOutsideDays'];
     'with-week-numbers'?: LyraDateInput['withWeekNumbers'];
 }>;
-export type LyraDatePickerReactProps = LyraReactElementProps<LyraDatePicker, 'dayContent' | 'disabled' | 'disabledDates' | 'disabledDaysOfWeek' | 'disableFuture' | 'disablePast' | 'firstDayOfWeek' | 'focusedDate' | 'isDateDisabled' | 'locale' | 'max' | 'maxRange' | 'min' | 'minRange' | 'mode' | 'months' | 'nextLabel' | 'pageBy' | 'previousLabel' | 'readonly' | 'size' | 'strings' | 'today' | 'value' | 'valueAsDate' | 'valueAsRange' | 'view' | 'weekdayFormat' | 'withOutsideDays' | 'withWeekNumbers', {}, LyraDatePickerEventMap, 'change' | 'input' | 'lr-focus-day' | 'lr-view-change', '--lr-cell-size' | '--lr-date-picker-day-active-bg' | '--lr-date-picker-day-hover-bg' | '--lr-date-picker-day-outside-color' | '--lr-date-picker-disabled-color' | '--lr-date-picker-disabled-opacity' | '--lr-date-picker-header-gap' | '--lr-date-picker-month-gap' | '--lr-date-picker-nav-active-bg' | '--lr-date-picker-nav-hover-bg' | '--lr-date-picker-radius' | '--lr-date-picker-range-bg' | '--lr-date-picker-range-color' | '--lr-date-picker-range-preview-bg' | '--lr-date-picker-selected-bg' | '--lr-date-picker-selected-color' | '--lr-date-picker-title-active-bg' | '--lr-date-picker-title-active-color' | '--lr-date-picker-title-active-radius' | '--lr-date-picker-title-hover-color' | '--lr-date-picker-today-outline' | '--lr-date-picker-view-active-bg' | '--lr-date-picker-view-disabled-opacity' | '--lr-date-picker-view-hover-bg' | '--lr-date-picker-view-selected-bg' | '--lr-date-picker-view-selected-color' | '--lr-date-picker-view-today-outline', {
+export type LyraDatePickerReactProps = LyraReactElementProps<LyraDatePicker, 'dayContent' | 'disabled' | 'disabledDates' | 'disabledDaysOfWeek' | 'disableFuture' | 'disablePast' | 'firstDayOfWeek' | 'focusedDate' | 'isDateDisabled' | 'locale' | 'max' | 'maxRange' | 'min' | 'minRange' | 'mode' | 'months' | 'nextLabel' | 'pageBy' | 'presets' | 'previousLabel' | 'readonly' | 'size' | 'strings' | 'today' | 'value' | 'valueAsDate' | 'valueAsRange' | 'view' | 'weekdayFormat' | 'withOutsideDays' | 'withWeekNumbers', {}, LyraDatePickerEventMap, 'change' | 'input' | 'lr-focus-day' | 'lr-view-change', '--lr-cell-size' | '--lr-date-picker-day-active-bg' | '--lr-date-picker-day-hover-bg' | '--lr-date-picker-day-outside-color' | '--lr-date-picker-disabled-color' | '--lr-date-picker-disabled-opacity' | '--lr-date-picker-header-gap' | '--lr-date-picker-month-gap' | '--lr-date-picker-nav-active-bg' | '--lr-date-picker-nav-hover-bg' | '--lr-date-picker-preset-active-bg' | '--lr-date-picker-preset-hover-bg' | '--lr-date-picker-preset-selected-bg' | '--lr-date-picker-radius' | '--lr-date-picker-range-bg' | '--lr-date-picker-range-color' | '--lr-date-picker-range-preview-bg' | '--lr-date-picker-selected-bg' | '--lr-date-picker-selected-color' | '--lr-date-picker-title-active-bg' | '--lr-date-picker-title-active-color' | '--lr-date-picker-title-active-radius' | '--lr-date-picker-title-hover-color' | '--lr-date-picker-today-outline' | '--lr-date-picker-view-active-bg' | '--lr-date-picker-view-disabled-opacity' | '--lr-date-picker-view-hover-bg' | '--lr-date-picker-view-selected-bg' | '--lr-date-picker-view-selected-color' | '--lr-date-picker-view-today-outline', {
     'disable-future'?: LyraDatePicker['disableFuture'];
     'disable-past'?: LyraDatePicker['disablePast'];
     'disabled-dates'?: LyraDatePicker['disabledDates'];
@@ -805,9 +810,10 @@ export type LyraDocxViewerReactProps = LyraReactElementProps<LyraDocxViewer, 'ac
     'active-highlight-id'?: LyraDocxViewer['activeHighlightId'];
     'max-height'?: LyraDocxViewer['maxHeight'];
 }>;
-export type LyraDoughnutChartReactProps = LyraReactElementProps<LyraDoughnutChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
+export type LyraDoughnutChartReactProps = LyraReactElementProps<LyraDoughnutChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'dataTableToggle' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-data-table-toggle-active-bg' | '--lr-chart-data-table-toggle-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
     'begin-at-zero'?: LyraDoughnutChart['beginAtZero'];
     'data-labels'?: LyraDoughnutChart['dataLabels'];
+    'data-table-toggle'?: LyraDoughnutChart['dataTableToggle'];
     'index-axis'?: LyraDoughnutChart['indexAxis'];
     'legend-position'?: LyraDoughnutChart['legendPosition'];
     'scale-type'?: LyraDoughnutChart['scaleType'];
@@ -1008,11 +1014,12 @@ export type LyraHandoffDividerReactProps = LyraReactElementProps<LyraHandoffDivi
     'from-agent'?: LyraHandoffDivider['fromAgent'];
     'to-agent'?: LyraHandoffDivider['toAgent'];
 }>;
-export type LyraHeatmapReactProps = LyraReactElementProps<LyraHeatmap, 'accessibleCells' | 'annotations' | 'bucketCount' | 'cellColor' | 'cellInteractive' | 'cellSize' | 'cellText' | 'colLabelHeight' | 'colorSteps' | 'data' | 'domain' | 'fitToWidth' | 'legendStops' | 'locale' | 'maxCellSize' | 'midpoint' | 'minCellSize' | 'rowLabelWidth' | 'scale' | 'selectedCell' | 'strings' | 'valueLabel', {}, LyraHeatmapEventMap, 'lr-cell-click', '--lr-heatmap-annotation-color' | '--lr-heatmap-color-steps-gradient' | '--lr-heatmap-focus-ring-color' | '--lr-heatmap-label-font' | '--lr-heatmap-no-data-fill' | '--lr-heatmap-scale-hi' | '--lr-heatmap-scale-lo' | '--lr-heatmap-selected-color' | '--lr-heatmap-tooltip-bg' | '--lr-heatmap-tooltip-text', {
+export type LyraHeatmapReactProps = LyraReactElementProps<LyraHeatmap, 'accessibleCells' | 'annotations' | 'bucketCount' | 'cellColor' | 'cellInteractive' | 'cellSize' | 'cellText' | 'colLabelHeight' | 'colLabelRotation' | 'colorSteps' | 'data' | 'domain' | 'fitToWidth' | 'legendStops' | 'locale' | 'maxCellSize' | 'midpoint' | 'minCellSize' | 'rowLabelWidth' | 'scale' | 'selectedCell' | 'strings' | 'valueLabel', {}, LyraHeatmapEventMap, 'lr-cell-click', '--lr-heatmap-annotation-color' | '--lr-heatmap-color-steps-gradient' | '--lr-heatmap-focus-ring-color' | '--lr-heatmap-label-font' | '--lr-heatmap-no-data-fill' | '--lr-heatmap-scale-hi' | '--lr-heatmap-scale-lo' | '--lr-heatmap-selected-color' | '--lr-heatmap-tooltip-bg' | '--lr-heatmap-tooltip-text', {
     'accessible-cells'?: LyraHeatmap['accessibleCells'];
     'bucket-count'?: LyraHeatmap['bucketCount'];
     'cell-size'?: LyraHeatmap['cellSize'];
     'col-label-height'?: LyraHeatmap['colLabelHeight'];
+    'col-label-rotation'?: LyraHeatmap['colLabelRotation'];
     'fit-to-width'?: LyraHeatmap['fitToWidth'];
     'max-cell-size'?: LyraHeatmap['maxCellSize'];
     'min-cell-size'?: LyraHeatmap['minCellSize'];
@@ -1022,9 +1029,10 @@ export type LyraHeatmapReactProps = LyraReactElementProps<LyraHeatmap, 'accessib
 export type LyraHighlightLayerReactProps = LyraReactElementProps<LyraHighlightLayer, 'activeHighlightId' | 'interactive' | 'items' | 'locale' | 'strings', {}, LyraHighlightLayerEventMap, 'lr-highlight-activate', '--lr-highlight-layer-accent-background' | '--lr-highlight-layer-accent-outline' | '--lr-highlight-layer-danger-background' | '--lr-highlight-layer-danger-outline' | '--lr-highlight-layer-flash-background' | '--lr-highlight-layer-neutral-background' | '--lr-highlight-layer-neutral-outline' | '--lr-highlight-layer-success-background' | '--lr-highlight-layer-success-outline' | '--lr-highlight-layer-warning-background' | '--lr-highlight-layer-warning-outline', {
     'active-highlight-id'?: LyraHighlightLayer['activeHighlightId'];
 }>;
-export type LyraHistogramReactProps = LyraReactElementProps<LyraHistogram, 'annotations' | 'area' | 'beginAtZero' | 'bins' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'seriesLabel' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'values' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
+export type LyraHistogramReactProps = LyraReactElementProps<LyraHistogram, 'annotations' | 'area' | 'beginAtZero' | 'bins' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'dataTableToggle' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'seriesLabel' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'values' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-data-table-toggle-active-bg' | '--lr-chart-data-table-toggle-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
     'begin-at-zero'?: LyraHistogram['beginAtZero'];
     'data-labels'?: LyraHistogram['dataLabels'];
+    'data-table-toggle'?: LyraHistogram['dataTableToggle'];
     'index-axis'?: LyraHistogram['indexAxis'];
     'legend-position'?: LyraHistogram['legendPosition'];
     'scale-type'?: LyraHistogram['scaleType'];
@@ -1142,9 +1150,10 @@ export type LyraLightboxReactProps = LyraReactElementProps<LyraLightbox, 'access
     'show-counter'?: LyraLightbox['showCounter'];
     'zoom-step'?: LyraLightbox['zoomStep'];
 }>;
-export type LyraLineChartReactProps = LyraReactElementProps<LyraLineChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
+export type LyraLineChartReactProps = LyraReactElementProps<LyraLineChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'dataTableToggle' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-data-table-toggle-active-bg' | '--lr-chart-data-table-toggle-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
     'begin-at-zero'?: LyraLineChart['beginAtZero'];
     'data-labels'?: LyraLineChart['dataLabels'];
+    'data-table-toggle'?: LyraLineChart['dataTableToggle'];
     'index-axis'?: LyraLineChart['indexAxis'];
     'legend-position'?: LyraLineChart['legendPosition'];
     'scale-type'?: LyraLineChart['scaleType'];
@@ -1400,9 +1409,10 @@ export type LyraPhoneInputReactProps = LyraReactElementProps<LyraPhoneInput, 'ac
     'phone-label'?: LyraPhoneInput['phoneLabel'];
     'value'?: LyraPhoneInput['defaultValue'];
 }>;
-export type LyraPieChartReactProps = LyraReactElementProps<LyraPieChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
+export type LyraPieChartReactProps = LyraReactElementProps<LyraPieChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'dataTableToggle' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-data-table-toggle-active-bg' | '--lr-chart-data-table-toggle-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
     'begin-at-zero'?: LyraPieChart['beginAtZero'];
     'data-labels'?: LyraPieChart['dataLabels'];
+    'data-table-toggle'?: LyraPieChart['dataTableToggle'];
     'index-axis'?: LyraPieChart['indexAxis'];
     'legend-position'?: LyraPieChart['legendPosition'];
     'scale-type'?: LyraPieChart['scaleType'];
@@ -1415,9 +1425,10 @@ export type LyraPieChartReactProps = LyraReactElementProps<LyraPieChart, 'annota
     'y-label'?: LyraPieChart['yLabel'];
     'y2-label'?: LyraPieChart['y2Label'];
 }>;
-export type LyraPolarAreaChartReactProps = LyraReactElementProps<LyraPolarAreaChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
+export type LyraPolarAreaChartReactProps = LyraReactElementProps<LyraPolarAreaChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'dataTableToggle' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-data-table-toggle-active-bg' | '--lr-chart-data-table-toggle-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
     'begin-at-zero'?: LyraPolarAreaChart['beginAtZero'];
     'data-labels'?: LyraPolarAreaChart['dataLabels'];
+    'data-table-toggle'?: LyraPolarAreaChart['dataTableToggle'];
     'index-axis'?: LyraPolarAreaChart['indexAxis'];
     'legend-position'?: LyraPolarAreaChart['legendPosition'];
     'scale-type'?: LyraPolarAreaChart['scaleType'];
@@ -1495,9 +1506,10 @@ export type LyraQrCodeReactProps = LyraReactElementProps<LyraQrCode, 'background
     'image-coverage'?: LyraQrCode['imageCoverage'];
     'image-padding'?: LyraQrCode['imagePadding'];
 }>;
-export type LyraRadarChartReactProps = LyraReactElementProps<LyraRadarChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
+export type LyraRadarChartReactProps = LyraReactElementProps<LyraRadarChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'dataTableToggle' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-data-table-toggle-active-bg' | '--lr-chart-data-table-toggle-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
     'begin-at-zero'?: LyraRadarChart['beginAtZero'];
     'data-labels'?: LyraRadarChart['dataLabels'];
+    'data-table-toggle'?: LyraRadarChart['dataTableToggle'];
     'index-axis'?: LyraRadarChart['indexAxis'];
     'legend-position'?: LyraRadarChart['legendPosition'];
     'scale-type'?: LyraRadarChart['scaleType'];
@@ -1600,9 +1612,10 @@ export type LyraRubricFormReactProps = LyraReactElementProps<LyraRubricForm, 'cu
     'with-hint'?: LyraRubricForm['withHint'];
     'with-label'?: LyraRubricForm['withLabel'];
 }>;
-export type LyraScatterChartReactProps = LyraReactElementProps<LyraScatterChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
+export type LyraScatterChartReactProps = LyraReactElementProps<LyraScatterChart, 'annotations' | 'area' | 'beginAtZero' | 'chart' | 'config' | 'dataLabels' | 'datasets' | 'dataTableToggle' | 'description' | 'formatter' | 'grid' | 'height' | 'hiddenDatasets' | 'indexAxis' | 'label' | 'labels' | 'legendPosition' | 'locale' | 'max' | 'min' | 'plugins' | 'scaleType' | 'showDataTable' | 'stacked' | 'stackTotals' | 'strings' | 'type' | 'valueFormatter' | 'withoutAnimation' | 'withoutLegend' | 'withoutTooltip' | 'xLabel' | 'y2Label' | 'yLabel' | 'zoom', {}, LyraChartEventMap, 'lr-before-legend-visibility-change' | 'lr-datum-activate' | 'lr-legend-visibility-change' | 'lr-point-click' | 'lr-zoom', '--border-color-1' | '--border-color-2' | '--border-color-3' | '--border-color-4' | '--border-color-5' | '--border-color-6' | '--border-radius' | '--border-width' | '--fill-color-1' | '--fill-color-2' | '--fill-color-3' | '--fill-color-4' | '--fill-color-5' | '--fill-color-6' | '--grid-border-width' | '--grid-color' | '--line-border-width' | '--lr-chart-canvas-hover-outline-width' | '--lr-chart-data-table-button-active-bg' | '--lr-chart-data-table-button-hover-bg' | '--lr-chart-data-table-toggle-active-bg' | '--lr-chart-data-table-toggle-hover-bg' | '--lr-chart-grid-color' | '--lr-chart-height' | '--lr-chart-legend-color' | '--lr-chart-legend-item-active-bg' | '--lr-chart-legend-item-hover-bg' | '--lr-chart-legend-side-max' | '--lr-chart-pattern-step' | '--lr-chart-reset-zoom-button-active-bg' | '--lr-chart-reset-zoom-button-hover-bg' | '--lr-chart-tick-color' | '--lr-chart-tooltip-bg' | '--lr-chart-tooltip-text' | '--point-radius', {
     'begin-at-zero'?: LyraScatterChart['beginAtZero'];
     'data-labels'?: LyraScatterChart['dataLabels'];
+    'data-table-toggle'?: LyraScatterChart['dataTableToggle'];
     'index-axis'?: LyraScatterChart['indexAxis'];
     'legend-position'?: LyraScatterChart['legendPosition'];
     'scale-type'?: LyraScatterChart['scaleType'];

package/dist/internal/package-metadata.d.ts

@@ -3,4 +3,4 @@
  * Run `pnpm package-metadata` after changing package identity or version.
  */
 export declare const LYRA_PACKAGE_NAME: '@aceshooting/lyra-ui';
-export declare const LYRA_PACKAGE_VERSION: '10.0.1';
+export declare const LYRA_PACKAGE_VERSION: '11.0.0';

package/dist/internal/package-metadata.js

@@ -1 +1 @@
-const LYRA_PACKAGE_NAME="@aceshooting/lyra-ui",LYRA_PACKAGE_VERSION="10.0.1";export{LYRA_PACKAGE_NAME,LYRA_PACKAGE_VERSION};
+const LYRA_PACKAGE_NAME="@aceshooting/lyra-ui",LYRA_PACKAGE_VERSION="11.0.0";export{LYRA_PACKAGE_NAME,LYRA_PACKAGE_VERSION};

package/dist/internal/tokens.styles.js

@@ -197,6 +197,7 @@ import{css}from"lit";const baseTokens=css`
     --lr-focus-ring-width: var(--lr-theme-focus-ring-width, 2px);
     --lr-focus-ring-color: var(--lr-theme-color-focus, var(--lr-color-brand));
     --lr-focus-ring-offset: var(--lr-theme-focus-ring-offset, 2px);
+    --lr-focus-ring: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);
 
     --lr-icon-button-size: var(--lr-theme-icon-button-size, 2.5rem);
 

package/dist/lyra.d.ts

@@ -66,7 +66,7 @@ export { LyraOption } from './components/forms/combobox/option.class.js';
 export { LyraSelect } from './components/forms/select/select.class.js';
 export type { LyraSelectTagRenderer } from './components/forms/select/select.class.js';
 export { LyraDatePicker } from './components/forms/date-picker/date-picker.class.js';
-export type { DateRange, LyraDatePickerDayContent, LyraDatePickerDisabledDates, LyraDatePickerFirstDayOfWeek, LyraDatePickerPageBy, LyraDatePickerView, } from './components/forms/date-picker/date-picker.class.js';
+export type { DateRange, LyraDateRangePreset, LyraDatePickerDayContent, LyraDatePickerDisabledDates, LyraDatePickerFirstDayOfWeek, LyraDatePickerPageBy, LyraDatePickerView, } from './components/forms/date-picker/date-picker.class.js';
 export { LyraDateInput } from './components/forms/date-picker/date-input.class.js';
 export type { LyraDateInputFirstDayOfWeek, LyraDateInputObjectValidator, LyraDateInputObjectValidatorResult, LyraDateInputPlacement, LyraDateInputSelectionDirection, LyraDateInputValidator, LyraDateInputValidatorResult, } from './components/forms/date-picker/date-input.class.js';
 export { LyraAnimatedImage } from './components/media/animated-image/animated-image.class.js';