@etus/ui 0.4.0-beta.15 → 0.4.0-beta.16

package/dist/styles.css

@@ -935,9 +935,9 @@
   --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
   --empty-state-media-icon-bg: oklch(97.02% 0.0000 0);
   --empty-state-media-icon-fg: oklch(14.48% 0.0000 0);
-  --empty-state-media-icon-icon-size: 24px;
+  --empty-state-media-icon-icon-size: 32px;
   --empty-state-media-icon-radius: 0.5rem;
-  --empty-state-media-icon-size: 40px;
+  --empty-state-media-icon-size: 56px;
   --event-calendar-root-min-height-full: 500px;
   --event-calendar-root-min-height-lg: 600px;
   --event-calendar-root-min-height-md: 500px;
@@ -954,7 +954,7 @@
   --feature-item-badge-line-height: 16px;
   --feature-item-badge-padding-x: 8px;
   --feature-item-badge-padding-y: 4px;
-  --feature-item-badge-radius: 2px;
+  --feature-item-badge-radius: 4px;
   --feature-item-body-gap: 8px;
   --feature-item-description-color: oklch(55.55% 0.0000 0);
   --feature-item-description-font-size: 16px;
@@ -2022,6 +2022,8 @@
   --sheet-overlay-bg-light: oklch(100% 0 0 / 50%);
   --sidebar-accent-foreground: oklch(26.88% 0.0527 163.85);
   --sidebar-accent: oklch(95.21% 0.0467 171.12);
+  --sidebar-avatar-height: 2.75rem;
+  --sidebar-avatar-size: 2.5rem;
   --sidebar-background: oklch(98.51% 0.0000 0);
   --sidebar-border: oklch(92.19% 0.0000 0);
   --sidebar-container-background: oklch(98.51% 0.0000 0);
@@ -2081,6 +2083,14 @@
   --sidebar-section-title-font-weight: 400;
   --sidebar-section-title-line-height: 1;
   --sidebar-section-title-padding-x: 8px;
+  --sidebar-theme-toggle-gap: 12px;
+  --sidebar-theme-toggle-knob-bg: oklch(100.00% 0.0000 0);
+  --sidebar-theme-toggle-knob-fg: oklch(14.48% 0.0000 0);
+  --sidebar-theme-toggle-knob-size: 1.25rem;
+  --sidebar-theme-toggle-track-bg-dark: oklch(14.48% 0.0000 0);
+  --sidebar-theme-toggle-track-bg-light: oklch(97.02% 0.0000 0);
+  --sidebar-theme-toggle-track-height: 1.5rem;
+  --sidebar-theme-toggle-track-width: 2.25rem;
   --sidebar-width-icon: 4rem;
   --sidebar-width-mobile: 18rem;
   --sidebar-width: 17rem;
@@ -3004,7 +3014,7 @@
   --avatar-fallback-text-success: oklch(100.00% 0.0000 0);
   --avatar-fallback-text-warning: oklch(28.57% 0.0639 53.81);
   --avatar-focus-ring-color: oklch(84.11% 0.1609 163.31);
-  --background: oklch(14.48% 0.0000 0);
+  --background: oklch(20.46% 0.0000 0);
   --badge-color-destructive-bg: oklch(63.68% 0.2078 25.33);
   --badge-color-destructive-border: oklch(63.68% 0.2078 25.33);
   --badge-color-destructive-fg: oklch(100.00% 0.0000 0);
@@ -3052,7 +3062,7 @@
   --button-ghost-fg-hover: oklch(95.21% 0.0467 171.12);
   --button-group-item-background-active: oklch(37.15% 0.0000 0);
   --button-group-item-background-hover: oklch(37.15% 0.0000 0);
-  --button-group-item-background: oklch(14.48% 0.0000 0);
+  --button-group-item-background: oklch(20.46% 0.0000 0);
   --button-group-root-bg-primary: oklch(84.11% 0.1609 163.31);
   --button-group-root-border-color-default: oklch(37.15% 0.0000 0);
   --button-group-root-border-color-primary: oklch(90.88% 0.0912 168.55);
@@ -3079,7 +3089,7 @@
   --button-secondary-color-border-hover: oklch(42.97% 0.0993 137.99);
   --button-secondary-color-fg-default: oklch(97.98% 0.0312 139.44);
   --button-secondary-color-fg-hover: oklch(97.98% 0.0312 139.44);
-  --button-secondary-gray-bg-default: oklch(14.48% 0.0000 0);
+  --button-secondary-gray-bg-default: oklch(20.46% 0.0000 0);
   --button-secondary-gray-bg-hover: oklch(26.88% 0.0527 163.85);
   --button-secondary-gray-border-default: oklch(37.15% 0.0000 0);
   --button-secondary-gray-border-hover: oklch(37.15% 0.0000 0);
@@ -3117,11 +3127,11 @@
   --chart-card-previous-color: oklch(71.55% 0.0000 0);
   --chart-card-title-color: oklch(97.02% 0.0000 0);
   --chart-card-value-color: oklch(98.51% 0.0000 0);
-  --chart-tooltip-bg: oklch(14.48% 0.0000 0);
+  --chart-tooltip-bg: oklch(20.46% 0.0000 0);
   --chart-tooltip-border: oklch(37.15% 0.0000 0);
   --checkbox-indicator-color: oklch(18.34% 0.0338 166.67);
   --checkbox-root-bg-checked: oklch(84.11% 0.1609 163.31);
-  --checkbox-root-bg-default: oklch(14.48% 0.0000 0);
+  --checkbox-root-bg-default: oklch(20.46% 0.0000 0);
   --checkbox-root-bg-disabled: oklch(37.15% 0.0000 0);
   --checkbox-root-border-checked: oklch(84.11% 0.1609 163.31);
   --checkbox-root-border-default: oklch(37.15% 0.0000 0);
@@ -3129,7 +3139,7 @@
   --collection-batchbar-action-primary-bg: oklch(84.11% 0.1609 163.31);
   --collection-batchbar-action-primary-fg: oklch(18.34% 0.0338 166.67);
   --collection-batchbar-bg: oklch(98.51% 0.0000 0);
-  --collection-batchbar-fg: oklch(14.48% 0.0000 0);
+  --collection-batchbar-fg: oklch(20.46% 0.0000 0);
   --collection-chip-bg: oklch(37.15% 0.0000 0);
   --collection-chip-close-color: oklch(71.55% 0.0000 0);
   --collection-chip-fg: oklch(98.51% 0.0000 0);
@@ -3137,7 +3147,7 @@
   --collection-section-title-fg: oklch(71.55% 0.0000 0);
   --collection-tabs-count-active-bg: oklch(84.11% 0.1609 163.31);
   --collection-tabs-count-active-fg: oklch(18.34% 0.0338 166.67);
-  --collection-tabs-count-bg: oklch(14.48% 0.0000 0);
+  --collection-tabs-count-bg: oklch(20.46% 0.0000 0);
   --collection-tabs-tab-active-bg: oklch(37.15% 0.0000 0);
   --collection-tabs-tab-active-fg: oklch(98.51% 0.0000 0);
   --collection-tabs-tab-inactive-fg: oklch(71.55% 0.0000 0);
@@ -3212,7 +3222,7 @@
   --disabled: oklch(26.86% 0.0000 0);
   --divider-color-default: oklch(37.15% 0.0000 0);
   --divider-color-dual: oklch(37.15% 0.0000 0);
-  --divider-content-bg-default: oklch(14.48% 0.0000 0);
+  --divider-content-bg-default: oklch(20.46% 0.0000 0);
   --divider-content-bg-fill: oklch(28.73% 0.0661 137.75);
   --divider-content-text-default: oklch(71.55% 0.0000 0);
   --divider-content-text-heading: oklch(98.51% 0.0000 0);
@@ -3220,8 +3230,8 @@
   --drag-and-drop-droppable-border-active: oklch(84.11% 0.1609 163.31);
   --drag-and-drop-handle-color-hover: oklch(98.51% 0.0000 0);
   --drag-and-drop-handle-color: oklch(71.55% 0.0000 0);
-  --drag-and-drop-overlay-background: oklch(14.48% 0.0000 0);
-  --drawer-content-bg: oklch(20.46% 0.0000 0);
+  --drag-and-drop-overlay-background: oklch(20.46% 0.0000 0);
+  --drawer-content-bg: oklch(14.48% 0.0000 0);
   --drawer-content-border: oklch(37.15% 0.0000 0);
   --drawer-handle-bg: oklch(71.55% 0.0000 0);
   --drawer-overlay-bg: oklch(0.00% 0.0000 0 / 80.0%);
@@ -3256,7 +3266,7 @@
   --feed-item-border-color: oklch(37.15% 0.0000 0);
   --feed-timestamp-color: oklch(71.55% 0.0000 0);
   --file-upload-dropzone-background-hover: oklch(26.88% 0.0527 163.85);
-  --file-upload-dropzone-background: oklch(14.48% 0.0000 0);
+  --file-upload-dropzone-background: oklch(20.46% 0.0000 0);
   --file-upload-dropzone-border-color: oklch(71.55% 0.0000 0);
   --file-upload-icon-color: oklch(71.55% 0.0000 0);
   --file-upload-item-border: oklch(37.15% 0.0000 0);
@@ -3268,7 +3278,7 @@
   --filetree-row-active-fg: oklch(95.21% 0.0467 171.12);
   --filetree-row-hover-bg: oklch(37.15% 0.0000 0);
   --filetree-row-modified-color: oklch(84.11% 0.1609 163.31);
-  --filetree-shell-bg: oklch(20.46% 0.0000 0);
+  --filetree-shell-bg: oklch(14.48% 0.0000 0);
   --filetree-shell-border: oklch(37.15% 0.0000 0);
   --filetree-shell-fg: oklch(98.51% 0.0000 0);
   --filetree-toolbar-search-bg: oklch(37.15% 0.0000 0);
@@ -3278,12 +3288,12 @@
   --filter-builder-group-border-color: oklch(37.15% 0.0000 0);
   --folder-stack-empty-bg: oklch(37.15% 0.0000 0);
   --folder-stack-interactive-active-ring-color: oklch(84.11% 0.1609 163.31);
-  --folder-stack-outline-color: oklch(14.48% 0.0000 0);
+  --folder-stack-outline-color: oklch(20.46% 0.0000 0);
   --foreground: oklch(98.51% 0.0000 0);
   --form-error-fg: oklch(63.68% 0.2078 25.33);
   --form-helper-fg: oklch(71.55% 0.0000 0);
   --form-label-fg: oklch(98.51% 0.0000 0);
-  --header-root-bg: oklch(14.48% 0.0000 0);
+  --header-root-bg: oklch(20.46% 0.0000 0);
   --header-root-border-color: oklch(37.15% 0.0000 0);
   --heading-base-color: oklch(98.51% 0.0000 0);
   --heading-color-default: oklch(98.51% 0.0000 0);
@@ -3309,7 +3319,7 @@
   --info-subtle-foreground: oklch(80.91% 0.0956 251.81);
   --info-subtle: oklch(28.23% 0.0874 267.94);
   --info: oklch(62.31% 0.1880 259.81);
-  --input-bg-default: oklch(14.48% 0.0000 0);
+  --input-bg-default: oklch(20.46% 0.0000 0);
   --input-bg-disabled: oklch(37.15% 0.0000 0);
   --input-border-default: oklch(37.15% 0.0000 0);
   --input-border-error: oklch(63.68% 0.2078 25.33);
@@ -3321,7 +3331,7 @@
   --input-otp-caret-color: oklch(98.51% 0.0000 0);
   --input-otp-slot-active-border: oklch(84.11% 0.1609 163.31);
   --input-otp-slot-active-ring: oklch(84.11% 0.1609 163.31);
-  --input-otp-slot-bg: oklch(14.48% 0.0000 0);
+  --input-otp-slot-bg: oklch(20.46% 0.0000 0);
   --input-otp-slot-border: oklch(43.86% 0.0000 0);
   --input: oklch(43.86% 0.0000 0);
   --inversed-foreground: oklch(14.48% 0.0000 0);
@@ -3343,11 +3353,11 @@
   --kpi-card-trend-up: oklch(72.27% 0.1920 149.58);
   --label-optional-color: oklch(71.55% 0.0000 0);
   --label-required-color: oklch(63.68% 0.2078 25.33);
-  --layout-header-background: oklch(14.48% 0.0000 0);
+  --layout-header-background: oklch(20.46% 0.0000 0);
   --layout-header-border: oklch(37.15% 0.0000 0);
-  --lightbox-button-color: oklch(14.48% 0.0000 0);
-  --lightbox-header-text-color: oklch(14.48% 0.0000 0);
-  --lightbox-thumbnail-ring-color: oklch(14.48% 0.0000 0);
+  --lightbox-button-color: oklch(20.46% 0.0000 0);
+  --lightbox-header-text-color: oklch(20.46% 0.0000 0);
+  --lightbox-thumbnail-ring-color: oklch(20.46% 0.0000 0);
   --link-color-default: oklch(84.11% 0.1609 163.31);
   --link-color-muted: oklch(71.55% 0.0000 0);
   --link-color-nav-hover: oklch(84.11% 0.1609 163.31);
@@ -3355,8 +3365,8 @@
   --link-color-subtle: oklch(98.51% 0.0000 0);
   --markdown-editor-area-foreground: oklch(98.51% 0.0000 0);
   --markdown-editor-help-code-bg: oklch(37.15% 0.0000 0);
-  --markdown-editor-preview-background: oklch(14.48% 0.0000 0);
-  --markdown-editor-root-background: oklch(14.48% 0.0000 0);
+  --markdown-editor-preview-background: oklch(20.46% 0.0000 0);
+  --markdown-editor-root-background: oklch(20.46% 0.0000 0);
   --markdown-editor-root-border: oklch(43.86% 0.0000 0);
   --markdown-editor-toolbar-background: oklch(37.15% 0.0000 0);
   --markdown-editor-toolbar-border-bottom: oklch(37.15% 0.0000 0);
@@ -3386,18 +3396,18 @@
   --native-select-root-border-default: oklch(43.86% 0.0000 0);
   --native-select-root-border-focus: oklch(84.11% 0.1609 163.31);
   --native-select-variant-filled-bg: oklch(37.15% 0.0000 0);
-  --navbar-root-background: oklch(14.48% 0.0000 0);
+  --navbar-root-background: oklch(20.46% 0.0000 0);
   --navbar-root-border-color: oklch(37.15% 0.0000 0);
   --navigation-menu-content-bg: oklch(20.46% 0.0000 0);
   --navigation-menu-content-text: oklch(98.51% 0.0000 0);
   --navigation-menu-indicator-bg: oklch(37.15% 0.0000 0);
-  --navigation-menu-trigger-bg: oklch(14.48% 0.0000 0);
+  --navigation-menu-trigger-bg: oklch(20.46% 0.0000 0);
   --navigation-menu-trigger-hover-bg: oklch(26.88% 0.0527 163.85);
   --navigation-menu-trigger-hover-text: oklch(95.21% 0.0467 171.12);
   --navigation-menu-viewport-bg: oklch(20.46% 0.0000 0);
   --navigation-menu-viewport-text: oklch(98.51% 0.0000 0);
   --notification-bg-hover: oklch(26.88% 0.0527 163.85);
-  --notification-bg-read: oklch(14.48% 0.0000 0);
+  --notification-bg-read: oklch(20.46% 0.0000 0);
   --notification-bg-unread: oklch(26.88% 0.0527 163.85);
   --notification-dot-color-default: oklch(84.11% 0.1609 163.31);
   --notification-dot-color-error: oklch(63.68% 0.2078 25.33);
@@ -3406,8 +3416,8 @@
   --notification-dot-color-warning: oklch(79.52% 0.1617 86.05);
   --overlay: oklch(0.00% 0.0000 0 / 80.0%);
   --panel-root-border-color: oklch(37.15% 0.0000 0);
-  --panel-variant-default-bg: oklch(14.48% 0.0000 0);
-  --panel-variant-elevated-bg: oklch(14.48% 0.0000 0);
+  --panel-variant-default-bg: oklch(20.46% 0.0000 0);
+  --panel-variant-elevated-bg: oklch(20.46% 0.0000 0);
   --panel-variant-subtle-bg: oklch(37.15% 0.0000 0);
   --paragraph-color-default: oklch(98.51% 0.0000 0);
   --paragraph-color-destructive: oklch(63.68% 0.2078 25.33);
@@ -3459,8 +3469,8 @@
   --progress-circle-track-color-warning: oklch(37.15% 0.0000 0);
   --progress-circle-value-color: oklch(98.51% 0.0000 0);
   --radio-indicator-color: oklch(84.11% 0.1609 163.31);
-  --radio-root-bg-checked: oklch(14.48% 0.0000 0);
-  --radio-root-bg-default: oklch(14.48% 0.0000 0);
+  --radio-root-bg-checked: oklch(20.46% 0.0000 0);
+  --radio-root-bg-default: oklch(20.46% 0.0000 0);
   --radio-root-bg-disabled: oklch(37.15% 0.0000 0);
   --radio-root-border-checked: oklch(84.11% 0.1609 163.31);
   --radio-root-border-default: oklch(37.15% 0.0000 0);
@@ -3496,7 +3506,7 @@
   --resizable-handle-bg: oklch(37.15% 0.0000 0);
   --resizable-handle-grip-bg: oklch(37.15% 0.0000 0);
   --resizable-handle-ring: oklch(84.11% 0.1609 163.31);
-  --rich-text-editor-root-background: oklch(14.48% 0.0000 0);
+  --rich-text-editor-root-background: oklch(20.46% 0.0000 0);
   --rich-text-editor-root-border: oklch(43.86% 0.0000 0);
   --rich-text-editor-toolbar-background: oklch(37.15% 0.0000 0);
   --rich-text-editor-toolbar-border-bottom: oklch(37.15% 0.0000 0);
@@ -3526,16 +3536,16 @@
   --shadow-sm: inset 0 1px 0 0 rgb(255 255 255 / 0.08), 0 2px 4px 0 rgb(0 0 0 / 0.35);
   --shadow-xl: inset 0 1px 0 0 rgb(255 255 255 / 0.08), 0 24px 48px 0 rgb(0 0 0 / 0.50);
   --shadow-xs: inset 0 1px 0 0 rgb(255 255 255 / 0.04), 0 1px 2px 0 rgb(0 0 0 / 0.30);
-  --sheet-content-bg: oklch(20.46% 0.0000 0);
+  --sheet-content-bg: oklch(14.48% 0.0000 0);
   --sheet-content-border: oklch(37.15% 0.0000 0);
   --sheet-overlay-bg-default: oklch(0.00% 0.0000 0 / 80.0%);
   --sidebar-accent-foreground: oklch(95.21% 0.0467 171.12);
   --sidebar-accent: oklch(26.88% 0.0527 163.85);
   --sidebar-background: oklch(20.46% 0.0000 0);
   --sidebar-border: oklch(37.15% 0.0000 0);
-  --sidebar-container-background: oklch(20.46% 0.0000 0);
+  --sidebar-container-background: oklch(14.48% 0.0000 0);
   --sidebar-foreground: oklch(97.02% 0.0000 0);
-  --sidebar-input-background: oklch(14.48% 0.0000 0);
+  --sidebar-input-background: oklch(20.46% 0.0000 0);
   --sidebar-input-border: oklch(37.15% 0.0000 0);
   --sidebar-input-foreground: oklch(98.51% 0.0000 0);
   --sidebar-logo-background: oklch(84.11% 0.1609 163.31);
@@ -3543,7 +3553,7 @@
   --sidebar-nav-item-bg-hover: oklch(37.15% 0.0000 0);
   --sidebar-nav-item-fg-active: oklch(98.51% 0.0000 0);
   --sidebar-nav-item-fg-default: oklch(71.55% 0.0000 0);
-  --sidebar-panel-background: oklch(20.46% 0.0000 0);
+  --sidebar-panel-background: oklch(14.48% 0.0000 0);
   --sidebar-panel-border-color: oklch(37.15% 0.0000 0);
   --sidebar-panel-header-color: oklch(98.51% 0.0000 0);
   --sidebar-rail-item-bg-hover: oklch(37.15% 0.0000 0);
@@ -3558,7 +3568,7 @@
   --slider-focus-ring-primary: oklch(84.11% 0.1609 163.31);
   --slider-label-color: oklch(98.51% 0.0000 0);
   --slider-range-bg-default: oklch(84.11% 0.1609 163.31);
-  --slider-thumb-bg: oklch(14.48% 0.0000 0);
+  --slider-thumb-bg: oklch(20.46% 0.0000 0);
   --slider-thumb-border: oklch(84.11% 0.1609 163.31);
   --slider-tooltip-bg: oklch(20.46% 0.0000 0);
   --slider-tooltip-fg: oklch(98.51% 0.0000 0);
@@ -3616,8 +3626,8 @@
   --success-subtle: oklch(26.64% 0.0628 152.93);
   --success: oklch(72.27% 0.1920 149.58);
   --surface-foreground: oklch(97.02% 0.0000 0);
-  --surface: oklch(20.46% 0.0000 0);
-  --switch-thumb-bg: oklch(14.48% 0.0000 0);
+  --surface: oklch(14.48% 0.0000 0);
+  --switch-thumb-bg: oklch(20.46% 0.0000 0);
   --switch-track-bg-disabled: oklch(37.15% 0.0000 0);
   --switch-track-bg-off: oklch(43.86% 0.0000 0);
   --switch-track-bg-on: oklch(84.11% 0.1609 163.31);
@@ -3625,25 +3635,25 @@
   --switch-track-ring-primary: oklch(84.11% 0.1609 163.31);
   --table-caption-fg: oklch(71.55% 0.0000 0);
   --table-footer-border: oklch(37.15% 0.0000 0);
-  --table-header-bg: oklch(14.48% 0.0000 0);
+  --table-header-bg: oklch(20.46% 0.0000 0);
   --table-header-fg: oklch(71.55% 0.0000 0);
   --table-row-border: oklch(37.15% 0.0000 0);
   --table-row-selected: oklch(37.15% 0.0000 0);
   --tabs-list-bg: oklch(37.15% 0.0000 0);
   --tabs-list-fg: oklch(71.55% 0.0000 0);
-  --tabs-trigger-active-bg: oklch(14.48% 0.0000 0);
+  --tabs-trigger-active-bg: oklch(20.46% 0.0000 0);
   --tabs-trigger-active-fg: oklch(98.51% 0.0000 0);
   --tabs-trigger-badge-bg: oklch(37.15% 0.0000 0);
   --tabs-trigger-badge-fg: oklch(71.55% 0.0000 0);
   --tabs-trigger-focus-ring: oklch(84.11% 0.1609 163.31);
   --tabs-trigger-inactive-fg: oklch(71.55% 0.0000 0);
   --tag-checkbox-bg-checked: oklch(84.11% 0.1609 163.31);
-  --tag-checkbox-bg-default: oklch(14.48% 0.0000 0);
+  --tag-checkbox-bg-default: oklch(20.46% 0.0000 0);
   --tag-checkbox-border-checked: oklch(84.11% 0.1609 163.31);
   --tag-checkbox-border-default: oklch(37.15% 0.0000 0);
   --tag-checkbox-text-checked: oklch(18.34% 0.0338 166.67);
   --tag-color-bg-checked: oklch(37.15% 0.0000 0);
-  --tag-color-bg-default: oklch(14.48% 0.0000 0);
+  --tag-color-bg-default: oklch(20.46% 0.0000 0);
   --tag-color-bg-hover: oklch(37.15% 0.0000 0);
   --tag-color-border-checked: oklch(84.11% 0.1609 163.31);
   --tag-color-border-default: oklch(37.15% 0.0000 0);
@@ -3654,13 +3664,13 @@
   --tag-color-dot-warning: oklch(79.52% 0.1617 86.05);
   --tag-color-dot: oklch(84.11% 0.1609 163.31);
   --tag-color-text-default: oklch(98.51% 0.0000 0);
-  --tags-input-root-background: oklch(14.48% 0.0000 0);
+  --tags-input-root-background: oklch(20.46% 0.0000 0);
   --tags-input-root-border: oklch(43.86% 0.0000 0);
   --tags-input-tag-background: oklch(28.73% 0.0661 137.75);
   --tags-input-tag-foreground: oklch(97.98% 0.0312 139.44);
   --text-color-default: oklch(98.51% 0.0000 0);
   --text-color-muted: oklch(71.55% 0.0000 0);
-  --textarea-bg-default: oklch(14.48% 0.0000 0);
+  --textarea-bg-default: oklch(20.46% 0.0000 0);
   --textarea-bg-disabled: oklch(37.15% 0.0000 0);
   --textarea-bg-filled: oklch(37.15% 0.0000 0);
   --textarea-border-default: oklch(37.15% 0.0000 0);
@@ -3683,7 +3693,7 @@
   --timeline-marker-disabled-border: oklch(37.15% 0.0000 0);
   --timeline-marker-disabled-fg: oklch(71.55% 0.0000 0);
   --timeline-marker-focus-ring-color: oklch(84.11% 0.1609 163.31);
-  --toggle-group-item-background-active: oklch(14.48% 0.0000 0);
+  --toggle-group-item-background-active: oklch(20.46% 0.0000 0);
   --toggle-group-item-color-active: oklch(98.51% 0.0000 0);
   --toggle-group-root-background: oklch(37.15% 0.0000 0);
   --toggle-variant-default-bg-default: oklch(37.15% 0.0000 0);
@@ -3705,8 +3715,8 @@
   --toolbar-root-border: oklch(37.15% 0.0000 0);
   --toolbar-separator-color: oklch(37.15% 0.0000 0);
   --tooltip-content-background: oklch(98.51% 0.0000 0);
-  --tooltip-content-foreground: oklch(14.48% 0.0000 0);
-  --topbar-root-background: oklch(20.46% 0.0000 0);
+  --tooltip-content-foreground: oklch(20.46% 0.0000 0);
+  --topbar-root-background: oklch(14.48% 0.0000 0);
   --topbar-root-border-color: oklch(37.15% 0.0000 0);
   --warning-border: oklch(55.38% 0.1207 66.44);
   --warning-foreground: oklch(28.57% 0.0639 53.81);
@@ -5223,6 +5233,10 @@
   --color-sidebar-rail-item-fg-default: var(--sidebar-rail-item-fg-default);
   --color-sidebar-ring: var(--sidebar-ring);
   --color-sidebar-section-title-color: var(--sidebar-section-title-color);
+  --color-sidebar-theme-toggle-knob-bg: var(--sidebar-theme-toggle-knob-bg);
+  --color-sidebar-theme-toggle-knob-fg: var(--sidebar-theme-toggle-knob-fg);
+  --color-sidebar-theme-toggle-track-bg-dark: var(--sidebar-theme-toggle-track-bg-dark);
+  --color-sidebar-theme-toggle-track-bg-light: var(--sidebar-theme-toggle-track-bg-light);
   --color-sidebar: var(--sidebar);
   --color-single-stat-label-color: var(--single-stat-label-color);
   --color-single-stat-value-color: var(--single-stat-value-color);
@@ -5477,7 +5491,6 @@
   --shadow-sm: var(--shadow-sm);
   --shadow-xl: var(--shadow-xl);
   --shadow-xs: var(--shadow-xs);
-  --spacing-none: var(--spacing-none);
   --spacing-normal: var(--paragraph-spacing-normal);
   --spacing-relaxed: var(--paragraph-spacing-relaxed);
   --spacing-s-12: var(--spacing-s-12);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etus/ui",
-  "version": "0.4.0-beta.15",
+  "version": "0.4.0-beta.16",
   "description": "Seven Design System - UI components for ETUS applications",
   "license": "MIT",
   "repository": {
@@ -107,35 +107,34 @@
     "marked": "^17.0.1",
     "react-day-picker": "^9.13.0",
     "react-dropzone": "^14.3.8",
-    "react-hook-form": "^7.71.0",
+    "react-hook-form": "^7.81.0",
     "react-resizable-panels": "^4.4.0",
     "recharts": "^3.6.0",
     "sonner": "^2.0.7",
-    "tailwind-merge": "^3.4.0",
+    "tailwind-merge": "^3.6.0",
     "vaul": "^1.1.2",
-    "@etus/tokens": "^0.4.0-beta.12"
+    "@etus/tokens": "^0.4.0-beta.13"
   },
   "devDependencies": {
-    "@storybook/react-vite": "^10.2.15",
+    "@storybook/react-vite": "^10.4.6",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",
     "@testing-library/user-event": "^14.6.1",
     "@types/jest-axe": "^3.5.9",
-    "@types/jspdf": "^2.0.0",
-    "@types/node": "^25.0.6",
-    "@types/react": "^19.2.8",
+    "@types/node": "^24.13.2",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.2",
+    "@vitejs/plugin-react": "^5.2.0",
     "jest-axe": "^10.0.0",
     "jsdom": "^27.4.0",
     "jspdf": "^4.2.0",
     "jspdf-autotable": "^5.0.7",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
-    "storybook": "^10.2.15",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "storybook": "^10.4.6",
     "tsup": "^8.5.1",
     "typescript": "^5.9.3",
-    "vitest": "^4.1.7",
+    "vitest": "^4.1.10",
     "xlsx": "^0.18.5",
     "@etus/tsconfig": "0.0.0"
   },

package/dist/chunk-2Z722V5K.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/LineChart/LineChart.variants.ts","../src/components/data-display/LineChart/LineChart.tsx"],"names":["data","props","RechartsLineChart"],"mappings":"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","file":"chunk-2Z722V5K.js","sourcesContent":["// LineChart/LineChart.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * LineChart style variants using CVA\n *\n * Controls the line appearance and chart styling.\n *\n * @see https://cva.style/docs\n */\nexport const lineChartVariants = cva(\n  // Base styles (always applied)\n  \"\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        dashed: \"\",\n        dotted: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\n/**\n * Line stroke dash array configuration by variant\n */\nexport const lineStrokeDashArray: Record<string, string | undefined> = {\n  default: undefined,\n  dashed: \"5 5\",\n  dotted: \"2 2\",\n}\n\n/**\n * Line curve type configuration\n */\nexport const curveTypes = {\n  linear: \"linear\",\n  monotone: \"monotone\",\n  step: \"step\",\n  stepAfter: \"stepAfter\",\n  stepBefore: \"stepBefore\",\n  natural: \"natural\",\n} as const\n\nexport type CurveType = keyof typeof curveTypes\n\n// Export variant prop types\nexport type LineChartVariantProps = VariantProps<typeof lineChartVariants>\n","\"use client\"\n\nimport type {\n  LineChartProps,\n  LineChartSeriesConfig,\n} from \"./LineChart.types\"\n\nimport * as React from \"react\"\nimport {\n  CartesianGrid,\n  Label,\n  Line,\n  LineChart as RechartsLineChart,\n  XAxis,\n  YAxis,\n} from \"recharts\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n} from \"../Chart\"\nimport { lineStrokeDashArray } from \"./LineChart.variants\"\n\n/**\n * Normalize series to LineChartSeriesConfig format\n */\nfunction normalizeSeriesConfig(\n  series: (LineChartSeriesConfig | string)[]\n): LineChartSeriesConfig[] {\n  return series.map((s) =>\n    typeof s === \"string\" ? { dataKey: s } : s\n  )\n}\n\n/**\n * Get stroke dash array based on variant\n */\nfunction getVariantStrokeDasharray(variant: LineChartProps[\"variant\"]): string | undefined {\n  return lineStrokeDashArray[variant ?? \"default\"]\n}\n\n/**\n * LineChart - Data visualization component for trends and time series\n *\n * Connects data points with lines, ideal for showing trends and changes\n * over a continuous axis (usually time). Supports multiple series for\n * comparison.\n *\n * @example\n * ```tsx\n * const data = [\n *   { month: \"Jan\", desktop: 186, mobile: 80 },\n *   { month: \"Feb\", desktop: 305, mobile: 200 },\n * ]\n *\n * const config = {\n *   desktop: { label: \"Desktop\", color: \"hsl(var(--chart-1))\" },\n *   mobile: { label: \"Mobile\", color: \"hsl(var(--chart-2))\" },\n * }\n *\n * <LineChart\n *   data={data}\n *   config={config}\n *   xAxisKey=\"month\"\n *   series={[\"desktop\", \"mobile\"]}\n * />\n * ```\n */\nexport function LineChart({\n  activeDot = { r: 6 },\n  allowDecimals = true,\n  ariaLabel,\n  autoMinValue = false,\n  className,\n  config,\n  connectNulls = false,\n  customTooltip,\n  curveType = \"monotone\",\n  data,\n  dot = false,\n  enableLegendSlider = false,\n  gridDashArray = \"3 3\",\n  intervalType,\n  legendPosition = \"bottom\",\n  maxValue,\n  minValue,\n  onValueChange,\n  series,\n  showGrid = true,\n  showLegend = false,\n  showTooltip = true,\n  showXAxis = true,\n  showYAxis = true,\n  startEndOnly = false,\n  strokeWidth = 2,\n  tickGap,\n  tooltipCallback,\n  tooltipIndicator = \"dot\",\n  variant = \"default\",\n  xAxisLabel,\n  xAxisKey,\n  xAxisTickFormatter,\n  yAxisLabel,\n  yAxisTickFormatter,\n  yAxisWidth,\n  ...props\n}: LineChartProps) {\n  const normalizedSeries = normalizeSeriesConfig(series)\n  const variantStrokeDasharray = getVariantStrokeDasharray(variant)\n  const prevTooltipStateRef = React.useRef<boolean>(false)\n\n  // Handle dot click for onValueChange\n  const handleDotClick = React.useCallback(\n    (dataKey: string) => (data: { payload: Record<string, unknown> }) => {\n      if (!onValueChange) return\n      const payload = data.payload\n      const value = payload[dataKey]\n      onValueChange({\n        category: payload[xAxisKey],\n        dataKey,\n        payload,\n        value: typeof value === \"number\" ? value : 0,\n      })\n    },\n    [onValueChange, xAxisKey]\n  )\n\n  /* eslint-disable react-hooks/static-components, @eslint-react/no-nested-component-definitions, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access -- Intentional: memoized render function with Recharts any-typed props */\n  // Custom tooltip content wrapper for tooltipCallback\n  const TooltipContentWithCallback = React.useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (props: any) => {\n      const { active = false, label, payload } = props\n\n      // Call tooltipCallback when state changes\n      if (tooltipCallback && active !== prevTooltipStateRef.current) {\n        prevTooltipStateRef.current = active\n        tooltipCallback({\n          active,\n          label,\n          payload: payload?.map((p: { dataKey: number | string; payload: Record<string, unknown>; value: number; }) => ({\n            dataKey: String(p.dataKey),\n            value: p.value,\n            payload: p.payload,\n          })),\n        })\n      }\n\n      return <ChartTooltipContent indicator={tooltipIndicator} {...props} />\n    },\n    [tooltipCallback, tooltipIndicator]\n  )\n\n  // Calculate Y-axis domain\n  const yDomain = React.useMemo(() => {\n    const min = minValue ?? (autoMinValue ? \"auto\" : 0)\n    const max = maxValue ?? \"auto\"\n    return [min, max] as const\n  }, [autoMinValue, maxValue, minValue])\n\n  // Calculate X-axis ticks for startEndOnly\n  const xAxisTicks = React.useMemo(() => {\n    if (!startEndOnly || data.length < 2) return\n    const first = data[0]\n    const last = data[data.length - 1]\n    if (!first || !last) return\n    return [first[xAxisKey], last[xAxisKey]] as string[]\n  }, [data, startEndOnly, xAxisKey])\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      data-slot=\"line-chart\"\n      role={ariaLabel ? \"img\" : undefined}\n      {...props}\n    >\n      <ChartContainer\n        className={cn(className)}\n        config={config}\n      >\n        <RechartsLineChart\n          accessibilityLayer\n          data={data}\n          margin={{ left: xAxisLabel ? 20 : 12, right: 12, bottom: yAxisLabel ? 20 : 0 }}\n        >\n          {showGrid && (\n            <CartesianGrid strokeDasharray={gridDashArray} vertical={false} />\n          )}\n\n          {showXAxis && (\n            <XAxis\n              axisLine={false}\n              dataKey={xAxisKey}\n              interval={intervalType}\n              minTickGap={tickGap}\n              tickFormatter={xAxisTickFormatter}\n              tickLine={false}\n              tickMargin={8}\n              ticks={xAxisTicks}\n            >\n              {xAxisLabel && (\n                <Label offset={-5} position=\"insideBottom\" value={xAxisLabel} />\n              )}\n            </XAxis>\n          )}\n\n          {showYAxis && (\n            <YAxis\n              allowDecimals={allowDecimals}\n              axisLine={false}\n              domain={yDomain}\n              tickFormatter={yAxisTickFormatter}\n              tickLine={false}\n              tickMargin={8}\n              width={yAxisWidth}\n            >\n              {yAxisLabel && (\n                <Label angle={-90} offset={-5} position=\"insideLeft\" value={yAxisLabel} />\n              )}\n            </YAxis>\n          )}\n\n          {showTooltip && (\n            <ChartTooltip\n              content={\n                customTooltip\n                  ?? (tooltipCallback\n                    ? <TooltipContentWithCallback />\n                    : <ChartTooltipContent indicator={tooltipIndicator} />)\n              }\n              cursor={false}\n            />\n          )}\n\n          {showLegend && (\n            <ChartLegend\n              align={legendPosition === \"left\" ? \"left\" : legendPosition === \"right\" ? \"right\" : \"center\"}\n              content={<ChartLegendContent enableSlider={enableLegendSlider} />}\n              layout={legendPosition === \"left\" || legendPosition === \"right\" ? \"vertical\" : \"horizontal\"}\n              verticalAlign={legendPosition === \"top\" ? \"top\" : legendPosition === \"bottom\" ? \"bottom\" : \"middle\"}\n            />\n          )}\n\n          {normalizedSeries.map((seriesConfig) => {\n            const {\n              activeDot: seriesActiveDot,\n              dataKey,\n              dot: seriesDot,\n              strokeDasharray: seriesStrokeDasharray,\n              strokeOpacity,\n              strokeWidth: seriesStrokeWidth,\n            } = seriesConfig\n\n            const stroke = `var(--color-${dataKey})`\n            const finalStrokeDasharray = seriesStrokeDasharray ?? variantStrokeDasharray\n            const finalDot = seriesDot ?? dot\n            const finalStrokeWidth = seriesStrokeWidth ?? strokeWidth\n\n            // Merge activeDot config with click handler\n            const baseActiveDot = seriesActiveDot ?? activeDot\n            const finalActiveDot = onValueChange\n              ? typeof baseActiveDot === \"object\"\n                ? { ...baseActiveDot, onClick: handleDotClick(dataKey), style: { cursor: \"pointer\" } }\n                : !baseActiveDot\n                  ? false\n                  : { r: 6, onClick: handleDotClick(dataKey), style: { cursor: \"pointer\" } }\n              : baseActiveDot\n\n            return (\n              <Line\n                key={dataKey}\n                activeDot={finalActiveDot}\n                connectNulls={connectNulls}\n                dataKey={dataKey}\n                dot={finalDot}\n                stroke={stroke}\n                strokeDasharray={finalStrokeDasharray}\n                strokeOpacity={strokeOpacity}\n                strokeWidth={finalStrokeWidth}\n                type={curveType}\n              />\n            )\n          })}\n        </RechartsLineChart>\n      </ChartContainer>\n    </div>\n  )\n}\n\nLineChart.displayName = \"LineChart\"\n"]}

package/dist/chunk-37IIHQP4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/BarChart/BarChart.tsx"],"names":["data","props","RechartsBarChart"],"mappings":"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","file":"chunk-37IIHQP4.js","sourcesContent":["\"use client\"\n\nimport type {\n  BarChartProps,\n  BarChartSeriesConfig,\n} from \"./BarChart.types\"\n\nimport * as React from \"react\"\nimport {\n  Bar,\n  CartesianGrid,\n  Label,\n  BarChart as RechartsBarChart,\n  XAxis,\n  YAxis,\n} from \"recharts\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n} from \"../Chart\"\n\n/**\n * Normalize series to BarChartSeriesConfig format\n */\nfunction normalizeSeriesConfig(\n  series: (BarChartSeriesConfig | string)[]\n): BarChartSeriesConfig[] {\n  return series.map((s) =>\n    typeof s === \"string\" ? { dataKey: s } : s\n  )\n}\n\n/**\n * BarChart - Data visualization component for categorical comparisons\n *\n * Displays quantitative values as rectangular bars. The height or width\n * of bars is proportional to the values they represent. Ideal for\n * comparing values between categories.\n *\n * @example\n * ```tsx\n * const data = [\n *   { month: \"Jan\", desktop: 186, mobile: 80 },\n *   { month: \"Feb\", desktop: 305, mobile: 200 },\n * ]\n *\n * const config = {\n *   desktop: { label: \"Desktop\", color: \"hsl(var(--chart-1))\" },\n *   mobile: { label: \"Mobile\", color: \"hsl(var(--chart-2))\" },\n * }\n *\n * <BarChart\n *   data={data}\n *   config={config}\n *   xAxisKey=\"month\"\n *   series={[\"desktop\", \"mobile\"]}\n * />\n * ```\n */\nexport function BarChart({\n  allowDecimals = true,\n  ariaLabel,\n  autoMinValue = false,\n  barCategoryGap,\n  barGap = 4,\n  className,\n  config,\n  customTooltip,\n  data,\n  enableLegendSlider = false,\n  gridDashArray = \"3 3\",\n  intervalType,\n  layout = \"vertical\",\n  legendPosition = \"bottom\",\n  maxValue,\n  minValue,\n  onValueChange,\n  radius = 4,\n  series,\n  showGrid = true,\n  showLegend = false,\n  showTooltip = true,\n  showXAxis = true,\n  showYAxis = true,\n  startEndOnly = false,\n  tickGap,\n  tooltipCallback,\n  tooltipIndicator = \"dot\",\n  variant = \"default\",\n  xAxisKey,\n  xAxisLabel,\n  xAxisTickFormatter,\n  yAxisLabel,\n  yAxisTickFormatter,\n  yAxisWidth,\n  ...props\n}: BarChartProps) {\n  const normalizedSeries = normalizeSeriesConfig(series)\n  const isStacked = variant === \"stacked\" || variant === \"stacked100\"\n  const isHorizontal = layout === \"horizontal\"\n  const prevTooltipStateRef = React.useRef<boolean>(false)\n\n  // Handle bar click for onValueChange\n  const handleBarClick = React.useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (dataKey: string) => (data: any) => {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      if (!onValueChange || !data?.payload) return\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      const payload = data.payload as Record<string, unknown>\n      const value = payload[dataKey]\n      onValueChange({\n        category: payload[xAxisKey],\n        dataKey,\n        payload,\n        value: typeof value === \"number\" ? value : 0,\n      })\n    },\n    [onValueChange, xAxisKey]\n  )\n\n  /* eslint-disable react-hooks/static-components, @eslint-react/no-nested-component-definitions, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access -- Intentional: memoized render function with Recharts any-typed props */\n  // Custom tooltip content wrapper for tooltipCallback\n  const TooltipContentWithCallback = React.useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (props: any) => {\n      const { active = false, label, payload } = props\n\n      // Call tooltipCallback when state changes\n      if (tooltipCallback && active !== prevTooltipStateRef.current) {\n        prevTooltipStateRef.current = active\n        tooltipCallback({\n          active,\n          label,\n          payload: payload?.map((p: { dataKey: number | string; payload: Record<string, unknown>; value: number; }) => ({\n            dataKey: String(p.dataKey),\n            value: p.value,\n            payload: p.payload,\n          })),\n        })\n      }\n\n      return <ChartTooltipContent indicator={tooltipIndicator} {...props} />\n    },\n    [tooltipCallback, tooltipIndicator]\n  )\n\n  // Calculate value axis domain\n  const valueDomain = React.useMemo(() => {\n    const min = minValue ?? (autoMinValue ? \"auto\" : 0)\n    const max = maxValue ?? \"auto\"\n    return [min, max] as const\n  }, [autoMinValue, maxValue, minValue])\n\n  // Calculate category axis ticks for startEndOnly\n  const categoryTicks = React.useMemo(() => {\n    if (!startEndOnly || data.length < 2) return\n    const first = data[0]\n    const last = data[data.length - 1]\n    if (!first || !last) return\n    return [first[xAxisKey], last[xAxisKey]] as string[]\n  }, [data, startEndOnly, xAxisKey])\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      data-slot=\"bar-chart\"\n      role={ariaLabel ? \"img\" : undefined}\n      {...props}\n    >\n      <ChartContainer\n        className={cn(className)}\n        config={config}\n      >\n        <RechartsBarChart\n          accessibilityLayer\n          margin={{\n            left: yAxisLabel ? 20 : 12,\n            right: 12,\n            bottom: xAxisLabel ? 20 : 0,\n          }}\n          barCategoryGap={barCategoryGap}\n          barGap={barGap}\n          data={data}\n          layout={isHorizontal ? \"vertical\" : \"horizontal\"}\n        >\n          {showGrid && (\n            <CartesianGrid\n              horizontal={!isHorizontal}\n              strokeDasharray={gridDashArray}\n              vertical={isHorizontal}\n            />\n          )}\n\n          {showXAxis && (\n            isHorizontal ? (\n              <XAxis\n                axisLine={false}\n                domain={valueDomain}\n                interval={intervalType}\n                minTickGap={tickGap}\n                tickFormatter={xAxisTickFormatter}\n                tickLine={false}\n                tickMargin={8}\n                type=\"number\"\n              >\n                {xAxisLabel && (\n                  <Label offset={-5} position=\"insideBottom\" value={xAxisLabel} />\n                )}\n              </XAxis>\n            ) : (\n              <XAxis\n                axisLine={false}\n                dataKey={xAxisKey}\n                interval={intervalType}\n                minTickGap={tickGap}\n                tickFormatter={xAxisTickFormatter}\n                tickLine={false}\n                tickMargin={8}\n                ticks={categoryTicks}\n              >\n                {xAxisLabel && (\n                  <Label offset={-5} position=\"insideBottom\" value={xAxisLabel} />\n                )}\n              </XAxis>\n            )\n          )}\n\n          {showYAxis && (\n            isHorizontal ? (\n              <YAxis\n                axisLine={false}\n                dataKey={xAxisKey}\n                tickFormatter={yAxisTickFormatter}\n                tickLine={false}\n                tickMargin={8}\n                ticks={categoryTicks}\n                type=\"category\"\n                width={yAxisWidth}\n              >\n                {yAxisLabel && (\n                  <Label angle={-90} offset={-5} position=\"insideLeft\" value={yAxisLabel} />\n                )}\n              </YAxis>\n            ) : (\n              <YAxis\n                allowDecimals={allowDecimals}\n                axisLine={false}\n                domain={valueDomain}\n                tickFormatter={yAxisTickFormatter}\n                tickLine={false}\n                tickMargin={8}\n                width={yAxisWidth}\n              >\n                {yAxisLabel && (\n                  <Label angle={-90} offset={-5} position=\"insideLeft\" value={yAxisLabel} />\n                )}\n              </YAxis>\n            )\n          )}\n\n          {showTooltip && (\n            <ChartTooltip\n              content={\n                customTooltip\n                  ?? (tooltipCallback\n                    ? <TooltipContentWithCallback />\n                    : <ChartTooltipContent indicator={tooltipIndicator} />)\n              }\n              cursor={false}\n            />\n          )}\n\n          {showLegend && (\n            <ChartLegend\n              align={legendPosition === \"left\" ? \"left\" : legendPosition === \"right\" ? \"right\" : \"center\"}\n              content={<ChartLegendContent enableSlider={enableLegendSlider} />}\n              layout={legendPosition === \"left\" || legendPosition === \"right\" ? \"vertical\" : \"horizontal\"}\n              verticalAlign={legendPosition === \"top\" ? \"top\" : legendPosition === \"bottom\" ? \"bottom\" : \"middle\"}\n            />\n          )}\n\n          {normalizedSeries.map((seriesConfig) => {\n            const { dataKey, radius: seriesRadius, stackId } = seriesConfig\n\n            const fill = `var(--color-${dataKey})`\n            const barRadius = seriesRadius ?? radius\n\n            return (\n              <Bar\n                key={dataKey}\n                dataKey={dataKey}\n                fill={fill}\n                radius={barRadius}\n                stackId={isStacked ? \"bar-stack\" : stackId}\n                style={onValueChange ? { cursor: \"pointer\" } : undefined}\n                onClick={onValueChange ? handleBarClick(dataKey) : undefined}\n              />\n            )\n          })}\n        </RechartsBarChart>\n      </ChartContainer>\n    </div>\n  )\n}\n\nBarChart.displayName = \"BarChart\"\n"]}