@etus/ui 0.4.0-beta.7 → 0.4.0-beta.9

package/dist/styles.css

@@ -32,12 +32,31 @@
   --accordion-trigger-text-size-sm: 0.75rem;
   --account-switch-content-min-width: 17.5rem;
   --account-switch-name-max-width: 10rem;
+  --alert-dialog-content-bg: oklch(98.51% 0.0000 0);
+  --alert-dialog-content-border: oklch(92.19% 0.0000 0);
+  --alert-dialog-content-gap: 16px;
+  --alert-dialog-content-max-width: 32rem;
+  --alert-dialog-content-padding: 24px;
+  --alert-dialog-content-radius: 12px;
+  --alert-dialog-content-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --alert-dialog-footer-gap: 8px;
+  --alert-dialog-header-gap: 8px;
+  --alert-dialog-icon-pill-color-default-bg: oklch(97.02% 0.0000 0);
+  --alert-dialog-icon-pill-color-default-fg: oklch(55.55% 0.0000 0);
+  --alert-dialog-icon-pill-color-destructive-bg: oklch(97.05% 0.0129 17.38);
+  --alert-dialog-icon-pill-color-destructive-fg: oklch(50.54% 0.1905 27.52);
+  --alert-dialog-icon-pill-color-warning-bg: oklch(98.73% 0.0262 102.21);
+  --alert-dialog-icon-pill-color-warning-fg: oklch(55.38% 0.1207 66.44);
+  --alert-dialog-icon-pill-icon-size: 16px;
+  --alert-dialog-icon-pill-padding: 8px;
+  --alert-dialog-icon-pill-radius: 999px;
+  --alert-dialog-overlay-bg: oklch(0.00% 0.0000 0 / 60.0%);
   --alert-icon-size: 16px;
   --alert-root-gap: 12px;
   --alert-root-padding-x: 16px;
   --alert-root-padding-y: 12px;
   --alert-root-radius: 0.5rem;
-  --alert-variant-default-bg: oklch(100.00% 0.0000 0);
+  --alert-variant-default-bg: oklch(98.51% 0.0000 0);
   --alert-variant-default-border: oklch(92.19% 0.0000 0);
   --alert-variant-default-fg: oklch(14.48% 0.0000 0);
   --alert-variant-destructive-bg: oklch(97.05% 0.0129 17.38);
@@ -54,7 +73,7 @@
   --alert-variant-warning-fg: oklch(55.38% 0.1207 66.44);
   --asset-manager-grid-columns: minmax(200px, 1fr);
   --asset-manager-grid-gap: 16px;
-  --asset-manager-item-background: oklch(100.00% 0.0000 0);
+  --asset-manager-item-background: oklch(98.51% 0.0000 0);
   --asset-manager-item-border: oklch(92.19% 0.0000 0);
   --asset-manager-item-radius: 0.375rem;
   --asset-manager-preview-background: oklch(97.02% 0.0000 0);
@@ -180,12 +199,16 @@
   --avatar-radius-circle: 9999px;
   --avatar-radius-square: 0.375rem;
   --avatar-size-2xl: 64px;
+  --avatar-size-3xl: 72px;
+  --avatar-size-4xl: 96px;
   --avatar-size-default: 40px;
   --avatar-size-lg: 48px;
   --avatar-size-sm: 32px;
   --avatar-size-xl: 56px;
   --avatar-size-xs: 24px;
   --avatar-text-2xl: 1.5rem;
+  --avatar-text-3xl: 1.75rem;
+  --avatar-text-4xl: 2.25rem;
   --avatar-text-default: 1rem;
   --avatar-text-lg: 1.125rem;
   --avatar-text-sm: 0.875rem;
@@ -217,10 +240,10 @@
   --badge-radius-pill: 9999px;
   --badge-size-lg-h: 32px;
   --badge-size-lg-px: 12px;
-  --badge-size-lg-text: 0.875rem;
+  --badge-size-lg-text: 0.75rem;
   --badge-size-md-h: 28px;
   --badge-size-md-px: 0.625rem;
-  --badge-size-md-text: 0.875rem;
+  --badge-size-md-text: 0.75rem;
   --badge-size-sm-h: 24px;
   --badge-size-sm-px: 8px;
   --badge-size-sm-text: 0.75rem;
@@ -461,6 +484,7 @@
   --calendar-container-padding: 12px;
   --calendar-day-font-size: 14px;
   --calendar-day-gap: 4px;
+  --calendar-day-radius: 8px;
   --calendar-day-size: auto;
   --calendar-indicator-size: 4px;
   --calendar-today-indicator-offset: 0.125rem;
@@ -487,7 +511,7 @@
   --card-header-gap: 8px;
   --card-header-padding-bottom: 24px;
   --card-header-padding-x: 24px;
-  --card-root-background: oklch(100.00% 0.0000 0);
+  --card-root-background: oklch(98.51% 0.0000 0);
   --card-root-border-width: 1px;
   --card-root-foreground: oklch(14.48% 0.0000 0);
   --card-root-gap: 24px;
@@ -497,7 +521,7 @@
   --card-root-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --card-root-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
   --card-title-weight: 600;
-  --card: oklch(100.00% 0.0000 0);
+  --card: oklch(98.51% 0.0000 0);
   --carousel-button-offset: 48px;
   --carousel-button-size: 32px;
   --carousel-item-gap-default: 16px;
@@ -508,7 +532,7 @@
   --chart-3: oklch(62.31% 0.1880 259.81);
   --chart-4: oklch(86.06% 0.1731 91.94);
   --chart-5: oklch(63.68% 0.2078 25.33);
-  --chart-card-bg: oklch(100.00% 0.0000 0);
+  --chart-card-bg: oklch(98.51% 0.0000 0);
   --chart-card-border: oklch(92.19% 0.0000 0);
   --chart-card-chart-height: 8rem;
   --chart-card-empty-state-caption-color: oklch(55.55% 0.0000 0);
@@ -728,7 +752,7 @@
   --command-shortcut-text-size-sm: 10px;
   --comment-system-actions-gap: 8px;
   --comment-system-actions-margin-top: 8px;
-  --comment-system-item-background: oklch(100.00% 0.0000 0);
+  --comment-system-item-background: oklch(98.51% 0.0000 0);
   --comment-system-item-border: oklch(92.19% 0.0000 0);
   --comment-system-item-gap: 12px;
   --comment-system-item-padding: 16px;
@@ -836,6 +860,16 @@
   --destructive-subtle-foreground: oklch(50.54% 0.1905 27.52);
   --destructive-subtle: oklch(97.05% 0.0129 17.38);
   --destructive: oklch(63.68% 0.2078 25.33);
+  --dialog-content-bg: oklch(98.51% 0.0000 0);
+  --dialog-content-border: oklch(92.19% 0.0000 0);
+  --dialog-content-gap: 16px;
+  --dialog-content-max-width: 32rem;
+  --dialog-content-padding: 24px;
+  --dialog-content-radius: 12px;
+  --dialog-content-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --dialog-footer-gap: 8px;
+  --dialog-header-gap: 8px;
+  --dialog-overlay-bg: oklch(0.00% 0.0000 0 / 60.0%);
   --disabled-background: oklch(92.19% 0.0000 0);
   --disabled-border: oklch(86.99% 0.0000 0);
   --disabled-foreground: oklch(71.55% 0.0000 0);
@@ -874,6 +908,7 @@
   --dropdown-menu-content-min-width: 8rem;
   --dropdown-menu-content-padding: 4px;
   --dropdown-menu-content-radius: 8px;
+  --dropdown-menu-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --dropdown-menu-content-z-index: 50;
   --dropdown-menu-indicator-left: 8px;
   --dropdown-menu-indicator-size: 0.875rem;
@@ -1196,6 +1231,7 @@
   --green-800: oklch(44.79% 0.1083 151.33);
   --green-900: oklch(39.25% 0.0896 152.54);
   --green-950: oklch(26.64% 0.0628 152.93);
+  --header-contained-max-width: 1280px;
   --header-content-height: 36px;
   --header-height: 64px;
   --header-root-bg: oklch(100.00% 0.0000 0);
@@ -1361,7 +1397,7 @@
   --kanban-board-gap: 16px;
   --kanban-board-height: 100%;
   --kanban-board-padding: 16px;
-  --kanban-card-background: oklch(100.00% 0.0000 0);
+  --kanban-card-background: oklch(98.51% 0.0000 0);
   --kanban-card-foreground: oklch(14.48% 0.0000 0);
   --kanban-card-gap: 8px;
   --kanban-card-padding: 12px;
@@ -1483,7 +1519,7 @@
   --lightbox-thumbnail-opacity-inactive: 0.6;
   --lightbox-thumbnail-ring-color: oklch(100.00% 0.0000 0);
   --lightbox-thumbnail-size: 64px;
-  --link-color-default: oklch(81.75% 0.1821 159.79);
+  --link-color-default: oklch(56.08% 0.1221 160.56);
   --link-color-muted: oklch(55.55% 0.0000 0);
   --link-color-nav-hover: oklch(81.75% 0.1821 159.79);
   --link-color-nav: oklch(14.48% 0.0000 0);
@@ -1557,7 +1593,7 @@
   --menubar-trigger-padding-y: 4px;
   --menubar-trigger-radius: 4px;
   --menubar-trigger-text-size: 0.875rem;
-  --modal-content-bg: oklch(100.00% 0.0000 0);
+  --modal-content-bg: oklch(98.51% 0.0000 0);
   --modal-content-border: oklch(92.19% 0.0000 0);
   --modal-content-gap: 16px;
   --modal-content-max-width: 32rem;
@@ -1767,7 +1803,9 @@
   --priority-urgent-text: oklch(45% 0.18 25);
   --progress-bar-fill-color-default: oklch(81.75% 0.1821 159.79);
   --progress-bar-fill-color-error: oklch(63.68% 0.2078 25.33);
+  --progress-bar-fill-color-info: oklch(87.82% 0.2037 137.75);
   --progress-bar-fill-color-primary: oklch(81.75% 0.1821 159.79);
+  --progress-bar-fill-color-secondary: oklch(87.82% 0.2037 137.75);
   --progress-bar-fill-color-success: oklch(62.71% 0.1699 149.21);
   --progress-bar-fill-color-warning: oklch(86.06% 0.1731 91.94);
   --progress-bar-indicator-border-radius: 9999px;
@@ -1794,7 +1832,9 @@
   --progress-bar-size-xs-height: 4px;
   --progress-bar-track-color-default: oklch(97.02% 0.0000 0);
   --progress-bar-track-color-error: oklch(97.02% 0.0000 0);
+  --progress-bar-track-color-info: oklch(97.02% 0.0000 0);
   --progress-bar-track-color-primary: oklch(97.02% 0.0000 0);
+  --progress-bar-track-color-secondary: oklch(97.02% 0.0000 0);
   --progress-bar-track-color-success: oklch(97.02% 0.0000 0);
   --progress-bar-track-color-warning: oklch(97.02% 0.0000 0);
   --progress-circle-indicator-color-default: oklch(14.48% 0.0000 0);
@@ -1858,8 +1898,10 @@
   --rail-background: oklch(98.51% 0.0000 0);
   --rail-border: oklch(92.19% 0.0000 0);
   --rail-width: 4rem;
+  --rating-focus-ring-color: oklch(81.75% 0.1821 159.79);
   --rating-icon-color-empty: oklch(55.55% 0.0000 0);
   --rating-icon-color-filled: oklch(86.06% 0.1731 91.94);
+  --rating-icon-color-half: oklch(86.06% 0.1731 91.94);
   --rating-icon-size-lg: 24px;
   --rating-icon-size-md: 20px;
   --rating-icon-size-sm: 16px;
@@ -2570,6 +2612,10 @@
   --toggle-group-root-gap: 4px;
   --toggle-group-root-padding: 4px;
   --toggle-group-root-radius: 0.375rem;
+  --toggle-icon-size-default: 16px;
+  --toggle-icon-size-lg: 16px;
+  --toggle-icon-size-md: 16px;
+  --toggle-icon-size-sm: 12px;
   --toggle-icon-size: 16px;
   --toggle-root-border-radius-pill: 9999px;
   --toggle-root-border-radius-rounded: 8px;
@@ -2609,7 +2655,7 @@
   --toolbar-button-height: 32px;
   --toolbar-button-padding-x: 12px;
   --toolbar-button-radius: 8px;
-  --toolbar-root-background: oklch(100.00% 0.0000 0);
+  --toolbar-root-background: oklch(98.51% 0.0000 0);
   --toolbar-root-border: oklch(92.19% 0.0000 0);
   --toolbar-root-gap: 8px;
   --toolbar-root-padding-x: 8px;
@@ -2913,7 +2959,16 @@
   --accent-foreground: oklch(95.21% 0.0467 171.12);
   --accent: oklch(26.88% 0.0527 163.85);
   --accordion-trigger-ring-primary: oklch(84.11% 0.1609 163.31);
-  --alert-variant-default-bg: oklch(14.48% 0.0000 0);
+  --alert-dialog-content-bg: oklch(26.86% 0.0000 0);
+  --alert-dialog-content-border: oklch(37.15% 0.0000 0);
+  --alert-dialog-icon-pill-color-default-bg: oklch(26.86% 0.0000 0);
+  --alert-dialog-icon-pill-color-default-fg: oklch(71.55% 0.0000 0);
+  --alert-dialog-icon-pill-color-destructive-bg: oklch(25.75% 0.0886 26.04);
+  --alert-dialog-icon-pill-color-destructive-fg: oklch(80.77% 0.1035 19.57);
+  --alert-dialog-icon-pill-color-warning-bg: oklch(28.57% 0.0639 53.81);
+  --alert-dialog-icon-pill-color-warning-fg: oklch(90.52% 0.1657 98.11);
+  --alert-dialog-overlay-bg: oklch(0.00% 0.0000 0 / 80.0%);
+  --alert-variant-default-bg: oklch(26.86% 0.0000 0);
   --alert-variant-default-border: oklch(37.15% 0.0000 0);
   --alert-variant-default-fg: oklch(98.51% 0.0000 0);
   --alert-variant-destructive-bg: oklch(25.75% 0.0886 26.04);
@@ -3150,6 +3205,9 @@
   --destructive-subtle-foreground: oklch(80.77% 0.1035 19.57);
   --destructive-subtle: oklch(25.75% 0.0886 26.04);
   --destructive: oklch(63.68% 0.2078 25.33);
+  --dialog-content-bg: oklch(26.86% 0.0000 0);
+  --dialog-content-border: oklch(37.15% 0.0000 0);
+  --dialog-overlay-bg: oklch(0.00% 0.0000 0 / 80.0%);
   --disabled-background: oklch(26.86% 0.0000 0);
   --disabled-border: oklch(37.15% 0.0000 0);
   --disabled-foreground: oklch(43.86% 0.0000 0);
@@ -3316,7 +3374,7 @@
   --menu-item-fg-default: oklch(98.51% 0.0000 0);
   --menu-item-fg-destructive: oklch(63.68% 0.2078 25.33);
   --menu-item-fg-hover: oklch(95.21% 0.0467 171.12);
-  --modal-content-bg: oklch(14.48% 0.0000 0);
+  --modal-content-bg: oklch(26.86% 0.0000 0);
   --modal-content-border: oklch(37.15% 0.0000 0);
   --modal-icon-pill-color-default-bg: oklch(26.86% 0.0000 0);
   --modal-icon-pill-color-default-fg: oklch(71.55% 0.0000 0);
@@ -3391,7 +3449,9 @@
   --progress-bar-label-position-right-color: oklch(98.51% 0.0000 0);
   --progress-bar-track-color-default: oklch(26.86% 0.0000 0);
   --progress-bar-track-color-error: oklch(26.86% 0.0000 0);
+  --progress-bar-track-color-info: oklch(26.86% 0.0000 0);
   --progress-bar-track-color-primary: oklch(26.86% 0.0000 0);
+  --progress-bar-track-color-secondary: oklch(26.86% 0.0000 0);
   --progress-bar-track-color-success: oklch(26.86% 0.0000 0);
   --progress-bar-track-color-warning: oklch(26.86% 0.0000 0);
   --progress-circle-indicator-color-default: oklch(98.51% 0.0000 0);
@@ -3417,7 +3477,9 @@
   --rail-accent: oklch(26.88% 0.0527 163.85);
   --rail-background: oklch(20.46% 0.0000 0);
   --rail-border: oklch(37.15% 0.0000 0);
+  --rating-focus-ring-color: oklch(84.11% 0.1609 163.31);
   --rating-icon-color-filled: oklch(79.52% 0.1617 86.05);
+  --rating-icon-color-half: oklch(79.52% 0.1617 86.05);
   --report-builder-accent-bg-subtle: oklch(33.49% 0.0383 251.89);
   --report-builder-accent-bg: oklch(34.67% 0.0731 256.69);
   --report-builder-accent-border: oklch(46.92% 0.0851 258.47);
@@ -3658,7 +3720,16 @@
   --accent-foreground: oklch(26.88% 0.0527 163.85);
   --accent: oklch(95.21% 0.0467 171.12);
   --accordion-trigger-ring-primary: oklch(81.75% 0.1821 159.79);
-  --alert-variant-default-bg: oklch(100.00% 0.0000 0);
+  --alert-dialog-content-bg: oklch(98.51% 0.0000 0);
+  --alert-dialog-content-border: oklch(92.19% 0.0000 0);
+  --alert-dialog-icon-pill-color-default-bg: oklch(97.02% 0.0000 0);
+  --alert-dialog-icon-pill-color-default-fg: oklch(55.55% 0.0000 0);
+  --alert-dialog-icon-pill-color-destructive-bg: oklch(97.05% 0.0129 17.38);
+  --alert-dialog-icon-pill-color-destructive-fg: oklch(50.54% 0.1905 27.52);
+  --alert-dialog-icon-pill-color-warning-bg: oklch(98.73% 0.0262 102.21);
+  --alert-dialog-icon-pill-color-warning-fg: oklch(55.38% 0.1207 66.44);
+  --alert-dialog-overlay-bg: oklch(0.00% 0.0000 0 / 60.0%);
+  --alert-variant-default-bg: oklch(98.51% 0.0000 0);
   --alert-variant-default-border: oklch(92.19% 0.0000 0);
   --alert-variant-default-fg: oklch(14.48% 0.0000 0);
   --alert-variant-destructive-bg: oklch(97.05% 0.0129 17.38);
@@ -3673,7 +3744,7 @@
   --alert-variant-warning-bg: oklch(98.73% 0.0262 102.21);
   --alert-variant-warning-border: oklch(94.51% 0.1243 101.54);
   --alert-variant-warning-fg: oklch(55.38% 0.1207 66.44);
-  --asset-manager-item-background: oklch(100.00% 0.0000 0);
+  --asset-manager-item-background: oklch(98.51% 0.0000 0);
   --asset-manager-item-border: oklch(92.19% 0.0000 0);
   --asset-manager-preview-background: oklch(97.02% 0.0000 0);
   --asset-palette-status-approved-color: oklch(81.75% 0.1821 159.79);
@@ -3791,15 +3862,15 @@
   --button-tertiary-gray-fg-hover: oklch(14.48% 0.0000 0);
   --card-description-color: oklch(55.55% 0.0000 0);
   --card-foreground: oklch(14.48% 0.0000 0);
-  --card-root-background: oklch(100.00% 0.0000 0);
+  --card-root-background: oklch(98.51% 0.0000 0);
   --card-root-foreground: oklch(14.48% 0.0000 0);
-  --card: oklch(100.00% 0.0000 0);
+  --card: oklch(98.51% 0.0000 0);
   --chart-1: oklch(81.75% 0.1821 159.79);
   --chart-2: oklch(65.95% 0.2608 320.32);
   --chart-3: oklch(62.31% 0.1880 259.81);
   --chart-4: oklch(86.06% 0.1731 91.94);
   --chart-5: oklch(63.68% 0.2078 25.33);
-  --chart-card-bg: oklch(100.00% 0.0000 0);
+  --chart-card-bg: oklch(98.51% 0.0000 0);
   --chart-card-border: oklch(92.19% 0.0000 0);
   --chart-card-empty-state-caption-color: oklch(55.55% 0.0000 0);
   --chart-card-empty-state-title-color: oklch(20.46% 0.0000 0);
@@ -3855,7 +3926,7 @@
   --combobox-trigger-disabled-border: oklch(97.02% 0.0000 0);
   --combobox-trigger-disabled-fg: oklch(55.55% 0.0000 0);
   --combobox-trigger-ring-primary: oklch(81.75% 0.1821 159.79);
-  --comment-system-item-background: oklch(100.00% 0.0000 0);
+  --comment-system-item-background: oklch(98.51% 0.0000 0);
   --comment-system-item-border: oklch(92.19% 0.0000 0);
   --core-background-background: oklch(100.00% 0.0000 0);
   --core-background-card-foreground: oklch(14.48% 0.0000 0);
@@ -3895,6 +3966,9 @@
   --destructive-subtle-foreground: oklch(50.54% 0.1905 27.52);
   --destructive-subtle: oklch(97.05% 0.0129 17.38);
   --destructive: oklch(63.68% 0.2078 25.33);
+  --dialog-content-bg: oklch(98.51% 0.0000 0);
+  --dialog-content-border: oklch(92.19% 0.0000 0);
+  --dialog-overlay-bg: oklch(0.00% 0.0000 0 / 60.0%);
   --disabled-background: oklch(92.19% 0.0000 0);
   --disabled-border: oklch(86.99% 0.0000 0);
   --disabled-foreground: oklch(71.55% 0.0000 0);
@@ -4020,7 +4094,7 @@
   --input-otp-slot-border: oklch(92.19% 0.0000 0);
   --input: oklch(92.19% 0.0000 0);
   --inversed-foreground: oklch(98.51% 0.0000 0);
-  --kanban-card-background: oklch(100.00% 0.0000 0);
+  --kanban-card-background: oklch(98.51% 0.0000 0);
   --kanban-card-foreground: oklch(14.48% 0.0000 0);
   --kanban-column-background: oklch(97.02% 0.0000 0);
   --kbd-variant-default-background: oklch(97.02% 0.0000 0);
@@ -4043,7 +4117,7 @@
   --lightbox-button-color: oklch(100.00% 0.0000 0);
   --lightbox-header-text-color: oklch(100.00% 0.0000 0);
   --lightbox-thumbnail-ring-color: oklch(100.00% 0.0000 0);
-  --link-color-default: oklch(81.75% 0.1821 159.79);
+  --link-color-default: oklch(56.08% 0.1221 160.56);
   --link-color-muted: oklch(55.55% 0.0000 0);
   --link-color-nav-hover: oklch(81.75% 0.1821 159.79);
   --link-color-nav: oklch(14.48% 0.0000 0);
@@ -4061,7 +4135,7 @@
   --menu-item-fg-default: oklch(14.48% 0.0000 0);
   --menu-item-fg-destructive: oklch(63.68% 0.2078 25.33);
   --menu-item-fg-hover: oklch(26.88% 0.0527 163.85);
-  --modal-content-bg: oklch(100.00% 0.0000 0);
+  --modal-content-bg: oklch(98.51% 0.0000 0);
   --modal-content-border: oklch(92.19% 0.0000 0);
   --modal-icon-pill-color-default-bg: oklch(97.02% 0.0000 0);
   --modal-icon-pill-color-default-fg: oklch(55.55% 0.0000 0);
@@ -4136,7 +4210,9 @@
   --progress-bar-label-position-right-color: oklch(14.48% 0.0000 0);
   --progress-bar-track-color-default: oklch(97.02% 0.0000 0);
   --progress-bar-track-color-error: oklch(97.02% 0.0000 0);
+  --progress-bar-track-color-info: oklch(97.02% 0.0000 0);
   --progress-bar-track-color-primary: oklch(97.02% 0.0000 0);
+  --progress-bar-track-color-secondary: oklch(97.02% 0.0000 0);
   --progress-bar-track-color-success: oklch(97.02% 0.0000 0);
   --progress-bar-track-color-warning: oklch(97.02% 0.0000 0);
   --progress-circle-indicator-color-default: oklch(14.48% 0.0000 0);
@@ -4162,7 +4238,9 @@
   --rail-accent: oklch(95.21% 0.0467 171.12);
   --rail-background: oklch(98.51% 0.0000 0);
   --rail-border: oklch(92.19% 0.0000 0);
+  --rating-focus-ring-color: oklch(81.75% 0.1821 159.79);
   --rating-icon-color-filled: oklch(86.06% 0.1731 91.94);
+  --rating-icon-color-half: oklch(86.06% 0.1731 91.94);
   --report-builder-accent-bg-subtle: oklch(97.14% 0.0108 256.69);
   --report-builder-accent-bg: oklch(95.32% 0.0207 261.77);
   --report-builder-accent-border: oklch(91.09% 0.0388 257.92);
@@ -4384,7 +4462,7 @@
   --toolbar-button-background-hover: oklch(97.02% 0.0000 0);
   --toolbar-button-foreground-muted: oklch(55.55% 0.0000 0);
   --toolbar-button-foreground: oklch(14.48% 0.0000 0);
-  --toolbar-root-background: oklch(100.00% 0.0000 0);
+  --toolbar-root-background: oklch(98.51% 0.0000 0);
   --toolbar-root-border: oklch(92.19% 0.0000 0);
   --toolbar-separator-color: oklch(92.19% 0.0000 0);
   --tooltip-content-background: oklch(14.48% 0.0000 0);
@@ -4411,6 +4489,15 @@
   --color-accent-foreground: var(--accent-foreground);
   --color-accent: var(--accent);
   --color-accordion-trigger-ring-primary: var(--accordion-trigger-ring-primary);
+  --color-alert-dialog-content-bg: var(--alert-dialog-content-bg);
+  --color-alert-dialog-content-border: var(--alert-dialog-content-border);
+  --color-alert-dialog-icon-pill-color-default-bg: var(--alert-dialog-icon-pill-color-default-bg);
+  --color-alert-dialog-icon-pill-color-default-fg: var(--alert-dialog-icon-pill-color-default-fg);
+  --color-alert-dialog-icon-pill-color-destructive-bg: var(--alert-dialog-icon-pill-color-destructive-bg);
+  --color-alert-dialog-icon-pill-color-destructive-fg: var(--alert-dialog-icon-pill-color-destructive-fg);
+  --color-alert-dialog-icon-pill-color-warning-bg: var(--alert-dialog-icon-pill-color-warning-bg);
+  --color-alert-dialog-icon-pill-color-warning-fg: var(--alert-dialog-icon-pill-color-warning-fg);
+  --color-alert-dialog-overlay-bg: var(--alert-dialog-overlay-bg);
   --color-alert-variant-default-bg: var(--alert-variant-default-bg);
   --color-alert-variant-default-border: var(--alert-variant-default-border);
   --color-alert-variant-default-fg: var(--alert-variant-default-fg);
@@ -4749,6 +4836,9 @@
   --color-destructive-subtle-foreground: var(--destructive-subtle-foreground);
   --color-destructive-subtle: var(--destructive-subtle);
   --color-destructive: var(--destructive);
+  --color-dialog-content-bg: var(--dialog-content-bg);
+  --color-dialog-content-border: var(--dialog-content-border);
+  --color-dialog-overlay-bg: var(--dialog-overlay-bg);
   --color-disabled-background: var(--disabled-background);
   --color-disabled-border: var(--disabled-border);
   --color-disabled-foreground: var(--disabled-foreground);
@@ -5006,7 +5096,9 @@
   --color-priority-urgent-text: var(--priority-urgent-text);
   --color-progress-bar-fill-color-default: var(--progress-bar-fill-color-default);
   --color-progress-bar-fill-color-error: var(--progress-bar-fill-color-error);
+  --color-progress-bar-fill-color-info: var(--progress-bar-fill-color-info);
   --color-progress-bar-fill-color-primary: var(--progress-bar-fill-color-primary);
+  --color-progress-bar-fill-color-secondary: var(--progress-bar-fill-color-secondary);
   --color-progress-bar-fill-color-success: var(--progress-bar-fill-color-success);
   --color-progress-bar-fill-color-warning: var(--progress-bar-fill-color-warning);
   --color-progress-bar-label-position-bottom-color: var(--progress-bar-label-position-bottom-color);
@@ -5014,7 +5106,9 @@
   --color-progress-bar-label-position-right-color: var(--progress-bar-label-position-right-color);
   --color-progress-bar-track-color-default: var(--progress-bar-track-color-default);
   --color-progress-bar-track-color-error: var(--progress-bar-track-color-error);
+  --color-progress-bar-track-color-info: var(--progress-bar-track-color-info);
   --color-progress-bar-track-color-primary: var(--progress-bar-track-color-primary);
+  --color-progress-bar-track-color-secondary: var(--progress-bar-track-color-secondary);
   --color-progress-bar-track-color-success: var(--progress-bar-track-color-success);
   --color-progress-bar-track-color-warning: var(--progress-bar-track-color-warning);
   --color-progress-circle-indicator-color-default: var(--progress-circle-indicator-color-default);
@@ -5040,8 +5134,10 @@
   --color-rail-accent: var(--rail-accent);
   --color-rail-background: var(--rail-background);
   --color-rail-border: var(--rail-border);
+  --color-rating-focus-ring-color: var(--rating-focus-ring-color);
   --color-rating-icon-color-empty: var(--rating-icon-color-empty);
   --color-rating-icon-color-filled: var(--rating-icon-color-filled);
+  --color-rating-icon-color-half: var(--rating-icon-color-half);
   --color-report-builder-accent-bg-subtle: var(--report-builder-accent-bg-subtle);
   --color-report-builder-accent-bg: var(--report-builder-accent-bg);
   --color-report-builder-accent-border: var(--report-builder-accent-border);
@@ -5362,7 +5458,7 @@
   --shadow-default: var(--button-shadow-default);
   --shadow-lg: var(--shadow-lg);
   --shadow-md: var(--shadow-md);
-  --shadow-shadow: var(--autocomplete-content-shadow);
+  --shadow-shadow: var(--alert-dialog-content-shadow);
   --shadow-sm: var(--shadow-sm);
   --shadow-xl: var(--shadow-xl);
   --shadow-xs: var(--shadow-xs);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etus/ui",
-  "version": "0.4.0-beta.7",
+  "version": "0.4.0-beta.9",
   "description": "Seven Design System - UI components for ETUS applications",
   "license": "MIT",
   "repository": {
@@ -113,7 +113,7 @@
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.4.0",
     "vaul": "^1.1.2",
-    "@etus/tokens": "^0.4.0-beta.5"
+    "@etus/tokens": "^0.4.0-beta.7"
   },
   "devDependencies": {
     "@storybook/react-vite": "^10.2.15",

package/dist/chunk-23BHD62H.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/forms/Rating/Rating.variants.ts","../src/components/forms/Rating/Rating.tsx"],"names":[],"mappings":"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","file":"chunk-23BHD62H.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\nexport const ratingVariants = cva(\n  \"inline-flex items-center gap-[var(--rating-item-gap)]\",\n  {\n    variants: {\n      size: {\n        sm: \"[&_svg]:size-[var(--rating-icon-size-sm)]\",\n        md: \"[&_svg]:size-[var(--rating-icon-size-md)]\",\n        lg: \"[&_svg]:size-[var(--rating-icon-size-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const ratingItemVariants = cva(\n  [\n    \"inline-flex items-center justify-center transition-colors\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 rounded-sm\",\n  ],\n  {\n    variants: {\n      filled: {\n        empty: \"text-[color:var(--rating-icon-color-empty)]\",\n        half: \"text-[color:var(--rating-icon-color-filled)]\",\n        full: \"text-[color:var(--rating-icon-color-filled)]\",\n      },\n      disabled: {\n        true: \"cursor-not-allowed opacity-50\",\n        false: \"\",\n      },\n      readOnly: {\n        true: \"cursor-default\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        disabled: false,\n        readOnly: false,\n        className: \"cursor-pointer hover:scale-110 hover:text-[color:var(--rating-icon-color-filled)]\",\n      },\n    ],\n    defaultVariants: {\n      filled: \"empty\",\n      disabled: false,\n      readOnly: false,\n    },\n  }\n)\n\nexport type RatingVariantProps = VariantProps<typeof ratingVariants>\nexport type RatingItemVariantProps = VariantProps<typeof ratingItemVariants>\n","\"use client\"\n\nimport type { RatingItemProps, RatingProps } from \"./Rating.types\"\n\nimport { Star, StarHalf } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { ratingItemVariants, ratingVariants } from \"./Rating.variants\"\n\nfunction RatingItem({\n  index,\n  filled,\n  size: _size,\n  disabled,\n  readOnly,\n  emptyIcon,\n  filledIcon,\n  halfIcon,\n  onClick,\n  onHover,\n  onLeave,\n  onKeyDown,\n  isActive,\n  tabIndex,\n  label,\n}: RatingItemProps & { label: string }) {\n  const isInteractive = !disabled && !readOnly\n\n  const renderIcon = () => {\n    if (filled === \"full\") {\n      return filledIcon ?? <Star className=\"fill-current\" />\n    }\n    if (filled === \"half\") {\n      return halfIcon ?? (\n        <span className=\"relative inline-flex\">\n          <Star className=\"fill-muted stroke-muted-foreground\" />\n          <StarHalf className=\"absolute inset-0 fill-current\" />\n        </span>\n      )\n    }\n    return emptyIcon ?? <Star />\n  }\n\n  return (\n    <span\n      className={cn(\n        ratingItemVariants({\n          filled,\n          disabled,\n          readOnly,\n        })\n      )}\n      aria-checked={filled !== \"empty\"}\n      aria-label={label}\n      data-active={isActive}\n      data-filled={filled}\n      data-index={index}\n      data-slot=\"rating-item\"\n      role=\"radio\"\n      tabIndex={tabIndex}\n      onClick={isInteractive ? onClick : undefined}\n      onKeyDown={isInteractive ? onKeyDown : undefined}\n      onMouseEnter={isInteractive ? onHover : undefined}\n      onMouseLeave={isInteractive ? onLeave : undefined}\n    >\n      {renderIcon()}\n    </span>\n  )\n}\n\nfunction Rating({\n  className,\n  value: controlledValue,\n  defaultValue = 0,\n  max = 5,\n  size = \"md\",\n  allowHalf = false,\n  readOnly = false,\n  disabled = false,\n  emptyIcon,\n  filledIcon,\n  halfIcon,\n  onChange,\n  onHover,\n  name,\n  ...props\n}: RatingProps) {\n  const [internalValue, setInternalValue] = React.useState(defaultValue)\n  const [hoverValue, setHoverValue] = React.useState<null | number>(null)\n  const [focusedIndex, setFocusedIndex] = React.useState<null | number>(null)\n\n  const isControlled = controlledValue !== undefined\n  const currentValue = isControlled ? controlledValue : internalValue\n  const displayValue = hoverValue ?? currentValue\n\n  const isInteractive = !disabled && !readOnly\n\n  const handleClick = (index: number) => {\n    if (!isInteractive) return\n\n    const newValue = allowHalf ? index + 0.5 : index + 1\n    // If clicking the same value, toggle to 0\n    const finalValue = newValue === currentValue ? 0 : newValue\n\n    if (!isControlled) {\n      setInternalValue(finalValue)\n    }\n    onChange?.(finalValue)\n  }\n\n  const handleFullClick = (index: number) => {\n    if (!isInteractive) return\n\n    const newValue = index + 1\n    const finalValue = newValue === currentValue ? 0 : newValue\n\n    if (!isControlled) {\n      setInternalValue(finalValue)\n    }\n    onChange?.(finalValue)\n  }\n\n  const handleHover = (index: number) => {\n    if (!isInteractive) return\n\n    const hoverVal = allowHalf ? index + 0.5 : index + 1\n    setHoverValue(hoverVal)\n    onHover?.(hoverVal)\n  }\n\n  const handleLeave = () => {\n    if (!isInteractive) return\n\n    setHoverValue(null)\n    onHover?.(null)\n  }\n\n  // Helper to focus an item by index (avoids effect anti-pattern)\n  const focusItemByIndex = (index: number) => {\n    const item = document.querySelector<HTMLElement>(\n      `[data-slot=\"rating-item\"][data-index=\"${String(index)}\"]`\n    )\n    item?.focus()\n    setFocusedIndex(index)\n  }\n\n  const handleKeyDown = (event: React.KeyboardEvent, _index: number) => {\n    if (!isInteractive) return\n\n    const step = allowHalf ? 0.5 : 1\n\n    switch (event.key) {\n      case \"ArrowRight\":\n      case \"ArrowUp\": {\n        event.preventDefault()\n        const newValue = Math.min(currentValue + step, max)\n        if (!isControlled) {\n          setInternalValue(newValue)\n        }\n        onChange?.(newValue)\n        // Move focus to the new index directly (avoids effect anti-pattern)\n        const newIndex = Math.ceil(newValue) - 1\n        focusItemByIndex(Math.min(newIndex, max - 1))\n        break\n      }\n      case \"ArrowLeft\":\n      case \"ArrowDown\": {\n        event.preventDefault()\n        const newValue = Math.max(currentValue - step, 0)\n        if (!isControlled) {\n          setInternalValue(newValue)\n        }\n        onChange?.(newValue)\n        // Move focus to the new index directly (avoids effect anti-pattern)\n        const newIndex = Math.max(Math.ceil(newValue) - 1, 0)\n        focusItemByIndex(newIndex)\n        break\n      }\n      case \"Home\": {\n        event.preventDefault()\n        if (!isControlled) {\n          setInternalValue(0)\n        }\n        onChange?.(0)\n        focusItemByIndex(0)\n        break\n      }\n      case \"End\": {\n        event.preventDefault()\n        if (!isControlled) {\n          setInternalValue(max)\n        }\n        onChange?.(max)\n        focusItemByIndex(max - 1)\n        break\n      }\n    }\n  }\n\n  const getFilledState = (index: number): \"empty\" | \"full\" | \"half\" => {\n    const itemValue = index + 1\n    if (displayValue >= itemValue) {\n      return \"full\"\n    }\n    if (allowHalf && displayValue >= index + 0.5) {\n      return \"half\"\n    }\n    return \"empty\"\n  }\n\n  const items = Array.from({ length: max }, (_, index) => {\n    const filled = getFilledState(index)\n    const isActive = focusedIndex === index\n\n    return (\n      <RatingItem\n        key={index}\n        disabled={disabled}\n        emptyIcon={emptyIcon}\n        filled={filled}\n        filledIcon={filledIcon}\n        halfIcon={halfIcon}\n        index={index}\n        isActive={isActive}\n        label={`${String(index + 1)} star${index + 1 === 1 ? \"\" : \"s\"}`}\n        readOnly={readOnly}\n        size={size}\n        tabIndex={isInteractive && index === Math.max(Math.ceil(currentValue) - 1, 0) ? 0 : -1}\n        onClick={() => { if (allowHalf) { handleFullClick(index); } else { handleClick(index); } }}\n        onHover={() => { handleHover(index); }}\n        onKeyDown={(e) => { handleKeyDown(e, index); }}\n        onLeave={handleLeave}\n      />\n    )\n  })\n\n  return (\n    <div\n      aria-disabled={disabled}\n      aria-label={props[\"aria-label\"] ?? \"Rating\"}\n      aria-readonly={readOnly}\n      className={cn(ratingVariants({ size }), className)}\n      data-disabled={disabled || undefined}\n      data-readonly={readOnly || undefined}\n      data-slot=\"rating\"\n      role=\"radiogroup\"\n      {...props}\n    >\n      {name && (\n        <input name={name} type=\"hidden\" value={currentValue} />\n      )}\n      {items}\n    </div>\n  )\n}\n\nexport { Rating }\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/AspectRatio/AspectRatio.tsx","../src/components/primitives/AspectRatio/AspectRatio.variants.ts"],"names":[],"mappings":";;;;AAIA,SAAS,WAAA,CAAY;AAAA,EACnB,GAAG;AACL,CAAA,EAA2D;AACzD,EAAA,2BAA6B,oBAAA,CAAA,IAAA,EAArB,EAA0B,WAAA,EAAU,cAAA,EAAgB,GAAG,KAAA,EAAO,CAAA;AACxE;;;ACHA,IAAM,GAAA,GAAM,iBAAA;AAgBL,IAAM,YAAA,GAAkD;AAAA;AAAA;AAAA,EAG7D,MAAA,EAAQ,CAAA;AAAA;AAAA;AAAA,EAIR,WAAW,CAAA,GAAI,CAAA;AAAA;AAAA,EAEf,UAAU,CAAA,GAAI,CAAA;AAAA;AAAA,EAEd,OAAO,EAAA,GAAK,CAAA;AAAA;AAAA,EAEZ,UAAU,CAAA,GAAI,EAAA;AAAA;AAAA;AAAA,EAId,OAAO,CAAA,GAAI,CAAA;AAAA;AAAA,EAEX,eAAe,CAAA,GAAI,CAAA;AAAA;AAAA;AAAA,EAInB,SAAS,EAAA,GAAK,EAAA;AAAA;AAAA,EAEd,iBAAiB,EAAA,GAAK,EAAA;AAAA;AAAA;AAAA,EAItB,UAAU,CAAA,GAAI,CAAA;AAAA;AAAA,EAEd,UAAU,CAAA,GAAI,CAAA;AAAA;AAAA;AAAA,EAId,WAAW,CAAA,GAAI,CAAA;AAAA;AAAA,EAEf,mBAAmB,CAAA,GAAI,CAAA;AAAA;AAAA;AAAA,EAIvB,MAAA,EAAQ,GAAA;AAAA;AAAA,EAER,gBAAgB,CAAA,GAAI,GAAA;AAAA;AAAA;AAAA,EAIpB,MAAM,EAAA,GAAK,CAAA;AAAA;AAAA,EAEX,cAAc,CAAA,GAAI,EAAA;AAAA;AAAA,EAElB,WAAW,EAAA,GAAK;AAClB;AAcO,SAAS,SAAS,MAAA,EAAmC;AAC1D,EAAA,OAAO,aAAa,MAAM,CAAA;AAC5B;AAeO,SAAS,cAAA,CAAe,OAAe,MAAA,EAAwB;AACpE,EAAA,IAAI,WAAW,CAAA,EAAG;AAChB,IAAA,MAAM,IAAI,MAAM,uBAAuB,CAAA;AAAA,EACzC;AACA,EAAA,OAAO,KAAA,GAAQ,MAAA;AACjB","file":"chunk-2UGDLAYC.js","sourcesContent":["\"use client\"\n\nimport * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\"\n\nfunction AspectRatio({\n  ...props\n}: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {\n  return <AspectRatioPrimitive.Root data-slot=\"aspect-ratio\" {...props} />\n}\n\nexport { AspectRatio }\n","import type { AspectRatioPreset } from \"./AspectRatio.types\"\n\n/**\n * Golden ratio constant (φ = 1.618033988749895)\n */\nconst PHI = 1.618033988749895\n\n/**\n * Common aspect ratio values as numeric ratios (width/height)\n * Matches Figma design system ratios\n *\n * @example\n * ```tsx\n * import { AspectRatio } from \"@etus/ui\"\n * import { aspectRatios } from \"@etus/ui\"\n *\n * <AspectRatio ratio={aspectRatios.video}>\n *   <img src=\"...\" />\n * </AspectRatio>\n * ```\n */\nexport const aspectRatios: Record<AspectRatioPreset, number> = {\n  // Square\n  /** 1:1 - Perfect square */\n  square: 1,\n\n  // Standard photo/video\n  /** 4:3 - Traditional TV/photography */\n  landscape: 4 / 3,\n  /** 3:4 - Portrait photography */\n  portrait: 3 / 4,\n  /** 16:9 - Standard video/widescreen */\n  video: 16 / 9,\n  /** 9:16 - Vertical video (Stories, Reels, TikTok) */\n  vertical: 9 / 16,\n\n  // Classic photo\n  /** 3:2 - Classic 35mm film photography */\n  photo: 3 / 2,\n  /** 2:3 - Portrait classic photo */\n  photoPortrait: 2 / 3,\n\n  // Display\n  /** 16:10 - Common laptop/monitor display */\n  display: 16 / 10,\n  /** 10:16 - Portrait display */\n  displayPortrait: 10 / 16,\n\n  // Photo variants\n  /** 5:4 - Medium format photography */\n  photo5x4: 5 / 4,\n  /** 4:5 - Instagram portrait, medium format */\n  photo4x5: 4 / 5,\n\n  // Panoramic\n  /** 2:1 - Panoramic landscape */\n  panoramic: 2 / 1,\n  /** 1:2 - Panoramic portrait */\n  panoramicPortrait: 1 / 2,\n\n  // Golden ratio\n  /** 1.618:1 - Golden ratio (φ) */\n  golden: PHI,\n  /** 1:1.618 - Inverse golden ratio */\n  goldenPortrait: 1 / PHI,\n\n  // Ultrawide/Cinema\n  /** 21:9 - Cinema/ultrawide displays */\n  wide: 21 / 9,\n  /** 9:21 - Portrait ultrawide */\n  widePortrait: 9 / 21,\n  /** 32:9 - Super ultrawide displays */\n  ultrawide: 32 / 9,\n} as const\n\n/**\n * Helper function to convert a ratio preset string to a numeric value\n *\n * @param preset - The aspect ratio preset name\n * @returns The numeric ratio value\n *\n * @example\n * ```tsx\n * getRatio(\"video\") // returns 1.7778 (16/9)\n * getRatio(\"square\") // returns 1\n * ```\n */\nexport function getRatio(preset: AspectRatioPreset): number {\n  return aspectRatios[preset]\n}\n\n/**\n * Helper function to calculate aspect ratio from width and height\n *\n * @param width - The width value\n * @param height - The height value\n * @returns The aspect ratio as width/height\n *\n * @example\n * ```tsx\n * calculateRatio(1920, 1080) // returns 1.7778 (16:9)\n * calculateRatio(800, 600) // returns 1.3333 (4:3)\n * ```\n */\nexport function calculateRatio(width: number, height: number): number {\n  if (height === 0) {\n    throw new Error(\"Height cannot be zero\")\n  }\n  return width / height\n}\n"]}

package/dist/chunk-33JGPMUW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/forms/InputGroup/InputGroup.variants.ts","../src/components/forms/InputGroup/InputGroup.tsx"],"names":[],"mappings":"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","file":"chunk-33JGPMUW.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * InputGroup container variant styles using CVA\n */\nexport const inputGroupVariants = cva(\n  // Base styles\n  [\n    \"group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-[var(--input-group-radius)] border shadow-xs transition-[color,box-shadow] outline-none\",\n    \"min-w-0 has-[>textarea]:h-auto\",\n\n    // Variants based on alignment\n    \"has-[>[data-align=inline-start]]:[&>input]:pl-2\",\n    \"has-[>[data-align=inline-end]]:[&>input]:pr-2\",\n    \"has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3\",\n    \"has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3\",\n\n    // Focus state\n    \"has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]\",\n\n    // Error state\n    \"has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-8\",\n        md: \"h-9\",\n        lg: \"h-10\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\n/**\n * InputGroupAddon variant styles using CVA\n */\nexport const inputGroupAddonVariants = cva(\n  \"text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[var(--input-group-button-radius)] group-data-[disabled=true]/input-group:opacity-50\",\n  {\n    variants: {\n      align: {\n        \"inline-start\":\n          \"order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]\",\n        \"inline-end\":\n          \"order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]\",\n        \"block-start\":\n          \"order-first w-full justify-start px-3 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5\",\n        \"block-end\":\n          \"order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5\",\n      },\n    },\n    defaultVariants: {\n      align: \"inline-start\",\n    },\n  }\n)\n\n/**\n * InputGroupButton variant styles using CVA\n */\nexport const inputGroupButtonVariants = cva(\n  \"text-sm shadow-none flex gap-2 items-center\",\n  {\n    variants: {\n      size: {\n        xs: \"h-6 gap-1 px-2 rounded-[var(--input-group-button-radius)] [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2\",\n        sm: \"h-8 px-2.5 gap-1.5 rounded-[var(--input-group-button-radius)] has-[>svg]:px-2.5\",\n        \"icon-xs\":\n          \"size-6 rounded-[var(--input-group-button-radius)] p-0 has-[>svg]:p-0\",\n        \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n      },\n    },\n    defaultVariants: {\n      size: \"xs\",\n    },\n  }\n)\n\n/**\n * InputGroupInput variant styles (for the input within the group)\n */\nexport const inputGroupInputVariants = cva(\n  \"flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent\"\n)\n\n/**\n * InputGroupTextarea variant styles (for the textarea within the group)\n */\nexport const inputGroupTextareaVariants = cva(\n  \"flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent\"\n)\n\n// Export variant types\nexport type InputGroupVariantProps = VariantProps<typeof inputGroupVariants>\nexport type InputGroupAddonVariantProps = VariantProps<typeof inputGroupAddonVariants>\nexport type InputGroupButtonVariantProps = VariantProps<typeof inputGroupButtonVariants>\nexport type InputGroupInputVariantProps = VariantProps<typeof inputGroupInputVariants>\nexport type InputGroupTextareaVariantProps = VariantProps<typeof inputGroupTextareaVariants>\n","\"use client\"\n\nimport type {\n  InputGroupAddonProps,\n  InputGroupButtonProps,\n  InputGroupInputProps,\n  InputGroupProps,\n  InputGroupTextareaProps,\n  InputGroupTextProps,\n} from \"./InputGroup.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Button } from \"../../primitives/Button\"\nimport { Textarea } from \"../Textarea\"\nimport { TextInput, type TextInputProps } from \"../TextInput\"\nimport {\n  inputGroupAddonVariants,\n  inputGroupButtonVariants,\n  inputGroupInputVariants,\n  inputGroupTextareaVariants,\n  inputGroupVariants,\n} from \"./InputGroup.variants\"\n\nfunction InputGroup({\n  className,\n  size,\n  disabled,\n  ...props\n}: InputGroupProps) {\n  return (\n    <div\n      className={cn(inputGroupVariants({ size }), className)}\n      data-disabled={disabled ?? undefined}\n      data-slot=\"input-group\"\n      role=\"group\"\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupAddon({\n  className,\n  align = \"inline-start\",\n  ...props\n}: InputGroupAddonProps) {\n  return (\n    <div\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      data-align={align}\n      data-slot=\"input-group-addon\"\n      role=\"group\"\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return\n        }\n        e.currentTarget.parentElement?.querySelector(\"input\")?.focus()\n      }}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupButton({\n  className,\n  type = \"button\",\n  variant = \"ghost\",\n  size = \"xs\",\n  ...props\n}: InputGroupButtonProps) {\n  return (\n    <Button\n      className={cn(inputGroupButtonVariants({ size }), className)}\n      data-size={size}\n      type={type}\n      variant={variant}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupText({ className, ...props }: InputGroupTextProps) {\n  return (\n    <span\n      className={cn(\n        \"text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupInput({ className, ...props }: InputGroupInputProps) {\n  return (\n    <TextInput\n      className={cn(inputGroupInputVariants(), className)}\n      data-slot=\"input-group-control\"\n      {...props}\n    />\n  )\n}\n\nfunction InputGroupTextarea({\n  className,\n  ...props\n}: InputGroupTextareaProps) {\n  return (\n    <Textarea\n      className={cn(inputGroupTextareaVariants(), className)}\n      data-slot=\"input-group-control\"\n      {...props}\n    />\n  )\n}\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n  InputGroupText,\n  InputGroupTextarea,\n}\n\n// Re-export types\nexport type { TextInputProps }\n"]}

package/dist/chunk-3WOGOTOV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/primitives/Toggle/Toggle.tsx"],"names":[],"mappings":"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","file":"chunk-3WOGOTOV.js","sourcesContent":["\"use client\"\n\nimport type { ToggleGroupProps, ToggleItemProps, ToggleProps } from \"./Toggle.types\"\n\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\"\nimport * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\"\nimport { cva } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\n\nconst toggleVariants = cva(\n  \"inline-flex items-center justify-center gap-[var(--toggle-root-gap)] font-[var(--toggle-root-font-weight)] border-[length:var(--toggle-root-border-width)] transition-all duration-150 hover:bg-[color:var(--toggle-variant-default-bg-hover)] hover:text-[color:var(--toggle-variant-default-color-hover)] hover:shadow-sm active:scale-[0.97] disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-[color:var(--toggle-variant-default-bg-on)] data-[state=on]:text-[color:var(--toggle-variant-default-color-on)] data-[state=on]:shadow-sm [&_svg]:pointer-events-none [&_svg]:size-[var(--toggle-icon-size)] [&_svg]:shrink-0 focus-visible:z-10 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-[color:var(--toggle-variant-default-bg-default)] text-[color:var(--toggle-variant-default-color-default)] border-[color:var(--toggle-variant-default-border)]\",\n        outline:\n          \"border-[color:var(--toggle-variant-outline-border)] bg-[color:var(--toggle-variant-outline-bg-default)] text-[color:var(--toggle-variant-outline-color-default)] hover:bg-[color:var(--toggle-variant-outline-bg-hover)] hover:text-[color:var(--toggle-variant-outline-color-hover)] data-[state=on]:bg-[color:var(--toggle-variant-outline-bg-on)] data-[state=on]:text-[color:var(--toggle-variant-outline-color-on)]\",\n      },\n      size: {\n        default: \"h-[var(--toggle-size-default-height)] px-[var(--toggle-size-default-padding-x)] min-w-[var(--toggle-size-default-min-width)]\",\n        sm: \"h-[var(--toggle-size-sm-height)] px-[var(--toggle-size-sm-padding-x)] min-w-[var(--toggle-size-sm-min-width)]\",\n        md: \"h-[var(--toggle-size-md-height)] px-[var(--toggle-size-md-padding-x)] min-w-[var(--toggle-size-md-min-width)]\",\n        lg: \"h-[var(--toggle-size-lg-height)] px-[var(--toggle-size-lg-padding-x)] min-w-[var(--toggle-size-lg-min-width)]\",\n      },\n      /**\n       * The shape of the toggle button\n       */\n      shape: {\n        pill: \"rounded-[var(--toggle-root-border-radius-pill)]\",\n        rounded: \"rounded-[var(--toggle-root-border-radius-rounded)]\",\n      },\n      /**\n       * Whether the item is connected to adjacent items (spacing=0)\n       */\n      connected: {\n        true: \"rounded-none first:rounded-l-[var(--toggle-root-border-radius-pill)] last:rounded-r-[var(--toggle-root-border-radius-pill)]\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        variant: \"outline\",\n        connected: true,\n        className: \"border-l-0 first:border-l\",\n      },\n      {\n        shape: \"rounded\",\n        connected: true,\n        className: \"first:rounded-l-[var(--toggle-root-border-radius-rounded)] last:rounded-r-[var(--toggle-root-border-radius-rounded)]\",\n      },\n    ],\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n      shape: \"rounded\",\n      connected: false,\n    },\n  }\n)\n\n// Context for sharing group props with items\nconst ToggleGroupContext = React.createContext<{\n  shape?: ToggleProps[\"shape\"]\n  size?: ToggleProps[\"size\"]\n  spacing?: ToggleGroupProps[\"spacing\"]\n  variant?: ToggleProps[\"variant\"]\n}>({})\n\nfunction Toggle({\n  className,\n  variant,\n  size,\n  shape,\n  icon,\n  children,\n  ...props\n}: ToggleProps) {\n  return (\n    <TogglePrimitive.Root\n      className={cn(toggleVariants({ variant, size, shape, className }))}\n      data-slot=\"toggle\"\n      {...props}\n    >\n      {icon && (\n        <span className=\"shrink-0\" data-slot=\"toggle-icon\">\n          {icon}\n        </span>\n      )}\n      {children}\n    </TogglePrimitive.Root>\n  )\n}\n\nconst spacingVariants = {\n  0: \"gap-0\",\n  1: \"gap-1\",\n  2: \"gap-2\",\n  3: \"gap-3\",\n  4: \"gap-4\",\n}\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  shape,\n  spacing = 1,\n  children,\n  ...props\n}: ToggleGroupProps) {\n  return (\n    <ToggleGroupContext value={{ variant, size, shape, spacing }}>\n      <ToggleGroupPrimitive.Root\n        className={cn(\n          \"group/toggle-group inline-flex items-center\",\n          spacingVariants[spacing],\n          className\n        )}\n        data-slot=\"toggle-group\"\n        data-spacing={spacing}\n        {...props}\n      >\n        {children}\n      </ToggleGroupPrimitive.Root>\n    </ToggleGroupContext>\n  )\n}\n\nfunction ToggleItem({\n  className,\n  variant,\n  size,\n  shape,\n  icon,\n  children,\n  ...props\n}: ToggleItemProps) {\n  const context = React.use(ToggleGroupContext)\n  const resolvedVariant = variant ?? context.variant\n  const resolvedSize = size ?? context.size\n  const resolvedShape = shape ?? context.shape\n  const resolvedSpacing = context.spacing ?? 1\n  const isConnected = resolvedSpacing === 0\n\n  return (\n    <ToggleGroupPrimitive.Item\n      className={cn(\n        toggleVariants({\n          variant: resolvedVariant,\n          size: resolvedSize,\n          shape: resolvedShape,\n          connected: isConnected,\n          className,\n        })\n      )}\n      data-slot=\"toggle-item\"\n      {...props}\n    >\n      {icon && (\n        <span className=\"shrink-0\" data-slot=\"toggle-icon\">\n          {icon}\n        </span>\n      )}\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n}\n\nToggle.Group = ToggleGroup\nToggle.Item = ToggleItem\n\nexport { Toggle, ToggleGroup, ToggleItem, toggleVariants }"]}

package/dist/chunk-4MQNDQ4O.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/forms/IftaLabel/IftaLabel.tsx"],"names":[],"mappings":";;;;AAmBA,SAAS,SAAA,CAAU;AAAA,EACjB,QAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAmB;AACjB,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAU,KAAA,CAAA,QAAA,EAA6B;AACjE,EAAA,MAAM,cAAoB,KAAA,CAAA,KAAA,EAAM;AAChC,EAAA,MAAM,UAAA,GAAmB,aAAuB,IAAI,CAAA;AAIpD,EAAM,gBAAU,MAAM;AACpB,IAAA,IAAI,WAAW,OAAA,EAAS;AACtB,MAAA,MAAM,KAAA,GAAQ,UAAA,CAAW,OAAA,CAAQ,aAAA,CAAc,yBAAyB,CAAA;AACxE,MAAA,IAAI,KAAA,EAAO;AACT,QAAA,MAAM,UAAA,GAAa,KAAA,CAAM,YAAA,CAAa,IAAI,CAAA;AAC1C,QAAA,IAAI,UAAA,EAAY;AACd,UAAA,UAAA,CAAW,UAAU,CAAA;AAAA,QACvB,CAAA,MAAO;AACL,UAAA,MAAM,QAAQ,CAAA,iBAAA,EAAoB,WAAA,CAAY,UAAA,CAAW,GAAA,EAAK,EAAE,CAAC,CAAA,CAAA;AACjE,UAAA,KAAA,CAAM,YAAA,CAAa,MAAM,KAAK,CAAA;AAC9B,UAAA,UAAA,CAAW,KAAK,CAAA;AAAA,QAClB;AACA,QAAA,IAAI,MAAM,OAAA,KAAY,OAAA,IAAW,CAAC,KAAA,CAAM,YAAA,CAAa,aAAa,CAAA,EAAG;AACnE,UAAA,KAAA,CAAM,YAAA,CAAa,eAAe,GAAG,CAAA;AAAA,QACvC;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAAC,WAAA,EAAa,QAAQ,CAAC,CAAA;AAG1B,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,UAAA;AAAA,MACL,SAAA,EAAW,EAAA;AAAA,QACT,4KAAA;AAAA,QACA,2EAAA;AAAA,QACA,kFAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,WAAA,EAAU,YAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,8bAAA;AAAA,YACV,WAAA,EAAU,iBAAA;AAAA,YACV,OAAA,EAAS,OAAA;AAAA,YAER,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,QACC;AAAA;AAAA;AAAA,GACH;AAEJ","file":"chunk-4MQNDQ4O.js","sourcesContent":["import type { IftaLabelProps } from \"./IftaLabel.types\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\n\n/**\n * IftaLabel - A wrapper component with an always-visible label inside the input\n *\n * IFTA = \"In Field Top Aligned\" - the label is always visible at the top\n * of the input container, unlike FloatLabel which animates on focus.\n *\n * @example\n * ```tsx\n * <IftaLabel label=\"Email\">\n *   <TextInput value={email} onChange={(e) => setEmail(e.target.value)} />\n * </IftaLabel>\n * ```\n */\nfunction IftaLabel({\n  children,\n  label,\n  className,\n  ...props\n}: IftaLabelProps) {\n  const [inputId, setInputId] = React.useState<string | undefined>()\n  const generatedId = React.useId()\n  const wrapperRef = React.useRef<HTMLDivElement>(null)\n\n  // Find the input element and get its id\n  /* eslint-disable react-you-might-not-need-an-effect/no-adjust-state-on-prop-change, @eslint-react/hooks-extra/no-direct-set-state-in-use-effect -- DOM discovery for label-input association */\n  React.useEffect(() => {\n    if (wrapperRef.current) {\n      const input = wrapperRef.current.querySelector(\"input, select, textarea\")\n      if (input) {\n        const existingId = input.getAttribute(\"id\")\n        if (existingId) {\n          setInputId(existingId)\n        } else {\n          const newId = `ifta-label-input-${generatedId.replaceAll(':', \"\")}`\n          input.setAttribute(\"id\", newId)\n          setInputId(newId)\n        }\n        if (input.tagName === \"INPUT\" && !input.hasAttribute(\"placeholder\")) {\n          input.setAttribute(\"placeholder\", \" \")\n        }\n      }\n    }\n  }, [generatedId, children])\n  /* eslint-enable react-you-might-not-need-an-effect/no-adjust-state-on-prop-change, @eslint-react/hooks-extra/no-direct-set-state-in-use-effect */\n\n  return (\n    <div\n      ref={wrapperRef}\n      className={cn(\n        \"relative group [&_input]:pt-[var(--ifta-label-wrapper-padding-top)] [&_input]:pb-[var(--ifta-label-wrapper-padding-bottom)] [&_input]:h-[var(--ifta-label-wrapper-height)]\",\n        \"has-[input:disabled]:opacity-[var(--ifta-label-wrapper-disabled-opacity)]\",\n        \"has-[input:disabled]:pointer-events-none has-[input:disabled]:cursor-not-allowed\",\n        className\n      )}\n      data-slot=\"ifta-label\"\n      {...props}\n    >\n      <label\n        className=\"pointer-events-none absolute left-3 top-1.5 text-xs font-normal text-[color:var(--ifta-label-label-color-muted)] group-focus-within:text-[color:var(--ifta-label-label-color-foreground)] group-has-[input:not(:placeholder-shown)]:text-[color:var(--ifta-label-label-color-foreground)] group-has-[[aria-invalid=true]]:text-[color:var(--ifta-label-label-color-destructive)] group-has-[input:disabled]:text-[color:var(--ifta-label-label-color-muted)]\"\n        data-slot=\"ifta-label-text\"\n        htmlFor={inputId}\n      >\n        {label}\n      </label>\n      {children}\n    </div>\n  )\n}\n\nexport { IftaLabel }\n"]}

package/dist/chunk-65YSTUD2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Table/Table.variants.ts","../src/components/data-display/Table/Table.tsx"],"names":[],"mappings":"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","file":"chunk-65YSTUD2.js","sourcesContent":["// Table/Table.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Table container style variants using CVA\n *\n * @see https://cva.style/docs\n */\nexport const tableContainerVariants = cva(\n  // Base styles (always applied)\n  \"relative w-full overflow-x-auto\",\n  {\n    variants: {\n      bordered: {\n        true: \"rounded-md border\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      bordered: false,\n    },\n  }\n)\n\n/**\n * Table style variants\n */\nexport const tableVariants = cva(\n  // Base styles (always applied)\n  \"w-full caption-bottom text-sm\",\n  {\n    variants: {\n      density: {\n        compact: \"[&_td]:py-[var(--table-cell-padding-compact-y)] [&_th]:py-[var(--table-cell-padding-compact-y)]\",\n        default: \"[&_td]:py-[var(--table-cell-padding-default-y)] [&_th]:py-[var(--table-cell-padding-default-y)]\",\n        comfortable: \"[&_td]:py-[var(--table-cell-padding-comfortable-y)] [&_th]:py-[var(--table-cell-padding-comfortable-y)]\",\n      },\n    },\n    defaultVariants: {\n      density: \"default\",\n    },\n  }\n)\n\n/**\n * Table row style variants\n */\nexport const tableRowVariants = cva(\n  // Base styles (always applied)\n  \"border-b border-[color:var(--table-row-border)] transition-colors\",\n  {\n    variants: {\n      hoverable: {\n        true: \"hover:bg-[color:var(--table-row-hover)]\",\n        false: \"\",\n      },\n      selected: {\n        true: \"bg-[color:var(--table-row-selected)]\",\n        false: \"\",\n      },\n      striped: {\n        true: \"even:bg-[color:var(--table-row-striped)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      hoverable: true,\n      selected: false,\n      striped: false,\n    },\n  }\n)\n\n/**\n * Table header cell style variants\n */\nexport const tableHeadVariants = cva(\n  // Base styles (always applied)\n  \"text-[length:var(--text-size-sm-font-size)] h-[var(--table-header-height)] px-[var(--table-header-padding-x)] text-left align-middle font-medium text-[color:var(--table-header-fg)] whitespace-nowrap\",\n  {\n    variants: {\n      sortable: {\n        true: \"cursor-pointer select-none hover:bg-muted/50\",\n        false: \"\",\n      },\n      sticky: {\n        true: \"sticky top-0 bg-background z-10\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      sortable: false,\n      sticky: false,\n    },\n  }\n)\n\n/**\n * Table cell style variants\n */\nexport const tableCellVariants = cva(\n  // Base styles (always applied)\n  \"px-[var(--table-cell-padding-x)] align-middle whitespace-nowrap text-[length:var(--table-cell-text)]\",\n  {\n    variants: {\n      align: {\n        left: \"text-left\",\n        center: \"text-center\",\n        right: \"text-right\",\n      },\n    },\n    defaultVariants: {\n      align: \"left\",\n    },\n  }\n)\n\n// Export variant prop types\nexport type TableContainerVariantProps = VariantProps<typeof tableContainerVariants>\nexport type TableVariantProps = VariantProps<typeof tableVariants>\nexport type TableRowVariantProps = VariantProps<typeof tableRowVariants>\nexport type TableHeadVariantProps = VariantProps<typeof tableHeadVariants>\nexport type TableCellVariantProps = VariantProps<typeof tableCellVariants>\n","import * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  tableCellVariants,\n  tableContainerVariants,\n  tableHeadVariants,\n  tableRowVariants,\n  tableVariants,\n} from \"./Table.variants\"\n\nfunction Table({ className, ref, ...props }: React.ComponentProps<\"table\">) {\n  return (\n    <div\n      className={cn(tableContainerVariants(), \"w-full overflow-x-auto\")}\n      data-slot=\"table-container\"\n    >\n      <table\n        ref={ref}\n        className={cn(tableVariants(), className)}\n        data-slot=\"table\"\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n  return (\n    <thead\n      className={cn(\"[&_tr]:border-b\", className)}\n      data-slot=\"table-header\"\n      {...props}\n    />\n  )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      data-slot=\"table-body\"\n      {...props}\n    />\n  )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      className={cn(\n        \"bg-[color:var(--table-footer-bg)] border-[color:var(--table-footer-border)] border-t font-medium [&>tr]:last:border-b-0\",\n        className\n      )}\n      data-slot=\"table-footer\"\n      {...props}\n    />\n  )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      className={cn(\n        tableRowVariants(),\n        className\n      )}\n      data-slot=\"table-row\"\n      {...props}\n    />\n  )\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n  return (\n    <th\n      className={cn(\n        tableHeadVariants(),\n        \"[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n        className\n      )}\n      data-slot=\"table-head\"\n      {...props}\n    />\n  )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n  return (\n    <td\n      className={cn(\n        tableCellVariants(),\n        \"[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n        className\n      )}\n      data-slot=\"table-cell\"\n      {...props}\n    />\n  )\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      className={cn(\"text-[color:var(--table-caption-fg)] mt-[var(--table-caption-margin-top)] text-[length:var(--table-caption-text)]\", className)}\n      data-slot=\"table-caption\"\n      {...props}\n    />\n  )\n}\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow,\n}\n"]}