@wpmoo/ui 0.9.0 → 1.0.0-rc.2

package/dist/assets/css/moo-ui.css

@@ -30,42 +30,42 @@
   --bs-gray-900: #212529;
   --bs-primary: #171717;
   --bs-secondary: #f4f4f5;
-  --bs-success: #16803c;
-  --bs-info: #0f6e8c;
-  --bs-warning: #a15c00;
-  --bs-danger: #dc2626;
+  --bs-success: #047857;
+  --bs-info: #0369a1;
+  --bs-warning: #b45309;
+  --bs-danger: #e7000b;
   --bs-light: #fafafa;
   --bs-dark: #18181b;
   --bs-primary-rgb: 23, 23, 23;
   --bs-secondary-rgb: 244, 244, 245;
-  --bs-success-rgb: 22, 128, 60;
-  --bs-info-rgb: 15, 110, 140;
-  --bs-warning-rgb: 161, 92, 0;
-  --bs-danger-rgb: 220, 38, 38;
+  --bs-success-rgb: 4, 120, 87;
+  --bs-info-rgb: 3, 105, 161;
+  --bs-warning-rgb: 180, 83, 9;
+  --bs-danger-rgb: 231, 0, 11;
   --bs-light-rgb: 250, 250, 250;
   --bs-dark-rgb: 24, 24, 27;
   --bs-primary-text-emphasis: #090909;
   --bs-secondary-text-emphasis: #626262;
-  --bs-success-text-emphasis: #093318;
-  --bs-info-text-emphasis: #062c38;
-  --bs-warning-text-emphasis: #402500;
-  --bs-danger-text-emphasis: #580f0f;
+  --bs-success-text-emphasis: #023023;
+  --bs-info-text-emphasis: #012a40;
+  --bs-warning-text-emphasis: #482104;
+  --bs-danger-text-emphasis: #5c0004;
   --bs-light-text-emphasis: #495057;
   --bs-dark-text-emphasis: #495057;
   --bs-primary-bg-subtle: #d1d1d1;
   --bs-secondary-bg-subtle: #fdfdfd;
-  --bs-success-bg-subtle: #d0e6d8;
-  --bs-info-bg-subtle: #cfe2e8;
-  --bs-warning-bg-subtle: #ecdecc;
-  --bs-danger-bg-subtle: #f8d4d4;
+  --bs-success-bg-subtle: #cde4dd;
+  --bs-info-bg-subtle: #cde1ec;
+  --bs-warning-bg-subtle: #f0ddce;
+  --bs-danger-bg-subtle: #faccce;
   --bs-light-bg-subtle: #fcfcfd;
   --bs-dark-bg-subtle: #ced4da;
   --bs-primary-border-subtle: #a2a2a2;
   --bs-secondary-border-subtle: #fbfbfb;
-  --bs-success-border-subtle: #a2ccb1;
-  --bs-info-border-subtle: #9fc5d1;
-  --bs-warning-border-subtle: #d9be99;
-  --bs-danger-border-subtle: #f1a8a8;
+  --bs-success-border-subtle: #9bc9bc;
+  --bs-info-border-subtle: #9ac3d9;
+  --bs-warning-border-subtle: #e1ba9d;
+  --bs-danger-border-subtle: #f5999d;
   --bs-light-border-subtle: #e9ecef;
   --bs-dark-border-subtle: #adb5bd;
   --bs-white-rgb: 255, 255, 255;
@@ -118,10 +118,10 @@
   --bs-focus-ring-width: 2px;
   --bs-focus-ring-opacity: 0.25;
   --bs-focus-ring-color: rgba(23, 23, 23, 0.25);
-  --bs-form-valid-color: #16803c;
-  --bs-form-valid-border-color: #16803c;
-  --bs-form-invalid-color: #dc2626;
-  --bs-form-invalid-border-color: #dc2626;
+  --bs-form-valid-color: #047857;
+  --bs-form-valid-border-color: #047857;
+  --bs-form-invalid-color: #e7000b;
+  --bs-form-invalid-border-color: #e7000b;
 }
 
 [data-bs-theme="dark"] {
@@ -142,26 +142,26 @@
   --bs-tertiary-bg-rgb: 32, 32, 36;
   --bs-primary-text-emphasis: #747474;
   --bs-secondary-text-emphasis: #f8f8f9;
-  --bs-success-text-emphasis: #73b38a;
-  --bs-info-text-emphasis: #6fa8ba;
-  --bs-warning-text-emphasis: #c79d66;
-  --bs-danger-text-emphasis: #ea7d7d;
+  --bs-success-text-emphasis: #68ae9a;
+  --bs-info-text-emphasis: #68a5c7;
+  --bs-warning-text-emphasis: #d2986b;
+  --bs-danger-text-emphasis: #f1666d;
   --bs-light-text-emphasis: #f8f9fa;
   --bs-dark-text-emphasis: #dee2e6;
   --bs-primary-bg-subtle: #050505;
   --bs-secondary-bg-subtle: #313131;
-  --bs-success-bg-subtle: #041a0c;
-  --bs-info-bg-subtle: #03161c;
-  --bs-warning-bg-subtle: #201200;
-  --bs-danger-bg-subtle: #2c0808;
+  --bs-success-bg-subtle: #011811;
+  --bs-info-bg-subtle: #011520;
+  --bs-warning-bg-subtle: #241102;
+  --bs-danger-bg-subtle: #2e0002;
   --bs-light-bg-subtle: #343a40;
   --bs-dark-bg-subtle: #1f2225;
   --bs-primary-border-subtle: #0e0e0e;
   --bs-secondary-border-subtle: #929293;
-  --bs-success-border-subtle: #0d4d24;
-  --bs-info-border-subtle: #094254;
-  --bs-warning-border-subtle: #613700;
-  --bs-danger-border-subtle: #841717;
+  --bs-success-border-subtle: #024834;
+  --bs-info-border-subtle: #023f61;
+  --bs-warning-border-subtle: #6c3205;
+  --bs-danger-border-subtle: #8b0007;
   --bs-light-border-subtle: #495057;
   --bs-dark-border-subtle: #343a40;
   --bs-heading-color: inherit;
@@ -396,10 +396,10 @@ a > code {
 }
 
 kbd {
-  padding: 0.125rem 0.375rem;
+  padding: 0 0.25rem;
   font-size: 0.75rem;
   color: var(--bs-secondary-text-emphasis);
-  background-color: var(--bs-secondary-bg-subtle);
+  background-color: var(--moo-muted-surface);
   border-radius: 0.375rem;
 }
 
@@ -1995,13 +1995,13 @@ progress {
 
 .table-success {
   --bs-table-color: #0a0a0a;
-  --bs-table-bg: #d0e6d8;
-  --bs-table-border-color: #a8baaf;
-  --bs-table-striped-bg: #c6dbce;
+  --bs-table-bg: #cde4dd;
+  --bs-table-border-color: #a6b8b3;
+  --bs-table-striped-bg: #c3d9d2;
   --bs-table-striped-color: #0a0a0a;
-  --bs-table-active-bg: #bcd0c3;
+  --bs-table-active-bg: #bacec8;
   --bs-table-active-color: #0a0a0a;
-  --bs-table-hover-bg: #c1d6c9;
+  --bs-table-hover-bg: #bed4cd;
   --bs-table-hover-color: #0a0a0a;
   color: var(--bs-table-color);
   border-color: var(--bs-table-border-color);
@@ -2009,13 +2009,13 @@ progress {
 
 .table-info {
   --bs-table-color: #0a0a0a;
-  --bs-table-bg: #cfe2e8;
-  --bs-table-border-color: #a8b7bc;
-  --bs-table-striped-bg: #c5d7dd;
+  --bs-table-bg: #cde1ec;
+  --bs-table-border-color: #a6b6bf;
+  --bs-table-striped-bg: #c3d6e1;
   --bs-table-striped-color: #0a0a0a;
-  --bs-table-active-bg: #bbccd2;
+  --bs-table-active-bg: #baccd5;
   --bs-table-active-color: #0a0a0a;
-  --bs-table-hover-bg: #c0d2d7;
+  --bs-table-hover-bg: #bed1db;
   --bs-table-hover-color: #0a0a0a;
   color: var(--bs-table-color);
   border-color: var(--bs-table-border-color);
@@ -2023,13 +2023,13 @@ progress {
 
 .table-warning {
   --bs-table-color: #0a0a0a;
-  --bs-table-bg: #ecdecc;
-  --bs-table-border-color: #bfb4a5;
-  --bs-table-striped-bg: #e1d3c2;
+  --bs-table-bg: #f0ddce;
+  --bs-table-border-color: #c2b3a7;
+  --bs-table-striped-bg: #e5d2c4;
   --bs-table-striped-color: #0a0a0a;
-  --bs-table-active-bg: #d5c9b9;
+  --bs-table-active-bg: #d9c8ba;
   --bs-table-active-color: #0a0a0a;
-  --bs-table-hover-bg: #dbcebd;
+  --bs-table-hover-bg: #dfcdbf;
   --bs-table-hover-color: #0a0a0a;
   color: var(--bs-table-color);
   border-color: var(--bs-table-border-color);
@@ -2037,13 +2037,13 @@ progress {
 
 .table-danger {
   --bs-table-color: #0a0a0a;
-  --bs-table-bg: #f8d4d4;
-  --bs-table-border-color: #c8acac;
-  --bs-table-striped-bg: #eccaca;
+  --bs-table-bg: #faccce;
+  --bs-table-border-color: #caa5a7;
+  --bs-table-striped-bg: #eec2c4;
   --bs-table-striped-color: #0a0a0a;
-  --bs-table-active-bg: #e0c0c0;
+  --bs-table-active-bg: #e2b9ba;
   --bs-table-active-color: #0a0a0a;
-  --bs-table-hover-bg: #e6c5c5;
+  --bs-table-hover-bg: #e8bdbf;
   --bs-table-hover-color: #0a0a0a;
   color: var(--bs-table-color);
   border-color: var(--bs-table-border-color);
@@ -2407,33 +2407,33 @@ textarea.form-control-lg {
 .form-check {
   display: block;
   min-height: 1.3125rem;
-  padding-left: 1.5em;
+  padding-left: 1.5rem;
   margin-bottom: 0.125rem;
 }
 
 .form-check .form-check-input {
   float: left;
-  margin-left: -1.5em;
+  margin-left: -1.5rem;
 }
 
 .form-check-reverse {
-  padding-right: 1.5em;
+  padding-right: 1.5rem;
   padding-left: 0;
   text-align: right;
 }
 
 .form-check-reverse .form-check-input {
   float: right;
-  margin-right: -1.5em;
+  margin-right: -1.5rem;
   margin-left: 0;
 }
 
 .form-check-input {
   --bs-form-check-bg: transparent;
   flex-shrink: 0;
-  width: 1em;
-  height: 1em;
-  margin-top: 0.25em;
+  width: 1rem;
+  height: 1rem;
+  margin-top: 0.25rem;
   vertical-align: top;
   appearance: none;
   background-color: var(--bs-form-check-bg);
@@ -2897,11 +2897,6 @@ textarea.form-control-lg {
 
 .was-validated .form-control:valid, .form-control.is-valid {
   border-color: var(--bs-form-valid-border-color);
-  padding-right: calc(1.42857em + 0.5rem);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2316803c' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
-  background-repeat: no-repeat;
-  background-position: right calc(0.35714em + 0.125rem) center;
-  background-size: calc(0.71429em + 0.25rem) calc(0.71429em + 0.25rem);
 }
 
 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
@@ -2909,31 +2904,15 @@ textarea.form-control-lg {
   box-shadow: 0 0 0 2px rgba(var(--bs-success-rgb), 0.25);
 }
 
-.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
-  padding-right: calc(1.42857em + 0.5rem);
-  background-position: top calc(0.35714em + 0.125rem) right calc(0.35714em + 0.125rem);
-}
-
 .was-validated .form-select:valid, .form-select.is-valid {
   border-color: var(--bs-form-valid-border-color);
 }
 
-.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
-  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2316803c' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
-  padding-right: 3.4375rem;
-  background-position: right 0.625rem center, center right 1.875rem;
-  background-size: 16px 12px, calc(0.71429em + 0.25rem) calc(0.71429em + 0.25rem);
-}
-
 .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
   border-color: var(--bs-form-valid-border-color);
   box-shadow: 0 0 0 2px rgba(var(--bs-success-rgb), 0.25);
 }
 
-.was-validated .form-control-color:valid, .form-control-color.is-valid {
-  width: calc(3rem + calc(1.42857em + 0.5rem));
-}
-
 .was-validated .form-check-input:valid, .form-check-input.is-valid {
   border-color: var(--bs-form-valid-border-color);
 }
@@ -2997,11 +2976,6 @@ textarea.form-control-lg {
 
 .was-validated .form-control:invalid, .form-control.is-invalid {
   border-color: var(--bs-form-invalid-border-color);
-  padding-right: calc(1.42857em + 0.5rem);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc2626'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc2626' stroke='none'/%3e%3c/svg%3e");
-  background-repeat: no-repeat;
-  background-position: right calc(0.35714em + 0.125rem) center;
-  background-size: calc(0.71429em + 0.25rem) calc(0.71429em + 0.25rem);
 }
 
 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
@@ -3009,31 +2983,15 @@ textarea.form-control-lg {
   box-shadow: 0 0 0 2px rgba(var(--bs-danger-rgb), 0.25);
 }
 
-.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
-  padding-right: calc(1.42857em + 0.5rem);
-  background-position: top calc(0.35714em + 0.125rem) right calc(0.35714em + 0.125rem);
-}
-
 .was-validated .form-select:invalid, .form-select.is-invalid {
   border-color: var(--bs-form-invalid-border-color);
 }
 
-.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
-  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc2626'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc2626' stroke='none'/%3e%3c/svg%3e");
-  padding-right: 3.4375rem;
-  background-position: right 0.625rem center, center right 1.875rem;
-  background-size: 16px 12px, calc(0.71429em + 0.25rem) calc(0.71429em + 0.25rem);
-}
-
 .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
   border-color: var(--bs-form-invalid-border-color);
   box-shadow: 0 0 0 2px rgba(var(--bs-danger-rgb), 0.25);
 }
 
-.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
-  width: calc(3rem + calc(1.42857em + 0.5rem));
-}
-
 .was-validated .form-check-input:invalid, .form-check-input.is-invalid {
   border-color: var(--bs-form-invalid-border-color);
 }
@@ -3184,70 +3142,70 @@ textarea.form-control-lg {
 
 .btn-success {
   --bs-btn-color: #fff;
-  --bs-btn-bg: #16803c;
-  --bs-btn-border-color: #16803c;
+  --bs-btn-bg: #047857;
+  --bs-btn-border-color: #047857;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #136d33;
-  --bs-btn-hover-border-color: #126630;
-  --bs-btn-focus-shadow-rgb: 57, 147, 89;
+  --bs-btn-hover-bg: #03664a;
+  --bs-btn-hover-border-color: #036046;
+  --bs-btn-focus-shadow-rgb: 42, 140, 112;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #126630;
-  --bs-btn-active-border-color: #11602d;
+  --bs-btn-active-bg: #036046;
+  --bs-btn-active-border-color: #035a41;
   --bs-btn-active-shadow: none;
   --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #16803c;
-  --bs-btn-disabled-border-color: #16803c;
+  --bs-btn-disabled-bg: #047857;
+  --bs-btn-disabled-border-color: #047857;
 }
 
 .btn-info {
   --bs-btn-color: #fff;
-  --bs-btn-bg: #0f6e8c;
-  --bs-btn-border-color: #0f6e8c;
+  --bs-btn-bg: #0369a1;
+  --bs-btn-border-color: #0369a1;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #0d5e77;
-  --bs-btn-hover-border-color: #0c5870;
-  --bs-btn-focus-shadow-rgb: 51, 132, 157;
+  --bs-btn-hover-bg: #035989;
+  --bs-btn-hover-border-color: #025481;
+  --bs-btn-focus-shadow-rgb: 41, 128, 175;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #0c5870;
-  --bs-btn-active-border-color: #0b5369;
+  --bs-btn-active-bg: #025481;
+  --bs-btn-active-border-color: #024f79;
   --bs-btn-active-shadow: none;
   --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #0f6e8c;
-  --bs-btn-disabled-border-color: #0f6e8c;
+  --bs-btn-disabled-bg: #0369a1;
+  --bs-btn-disabled-border-color: #0369a1;
 }
 
 .btn-warning {
   --bs-btn-color: #fff;
-  --bs-btn-bg: #a15c00;
-  --bs-btn-border-color: #a15c00;
+  --bs-btn-bg: #b45309;
+  --bs-btn-border-color: #b45309;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #894e00;
-  --bs-btn-hover-border-color: #814a00;
-  --bs-btn-focus-shadow-rgb: 175, 116, 38;
+  --bs-btn-hover-bg: #994708;
+  --bs-btn-hover-border-color: #904207;
+  --bs-btn-focus-shadow-rgb: 191, 109, 46;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #814a00;
-  --bs-btn-active-border-color: #794500;
+  --bs-btn-active-bg: #904207;
+  --bs-btn-active-border-color: #873e07;
   --bs-btn-active-shadow: none;
   --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #a15c00;
-  --bs-btn-disabled-border-color: #a15c00;
+  --bs-btn-disabled-bg: #b45309;
+  --bs-btn-disabled-border-color: #b45309;
 }
 
 .btn-danger {
   --bs-btn-color: #fff;
-  --bs-btn-bg: #dc2626;
-  --bs-btn-border-color: #dc2626;
+  --bs-btn-bg: #e7000b;
+  --bs-btn-border-color: #e7000b;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #bb2020;
-  --bs-btn-hover-border-color: #b01e1e;
-  --bs-btn-focus-shadow-rgb: 225, 71, 71;
+  --bs-btn-hover-bg: #c40009;
+  --bs-btn-hover-border-color: #b90009;
+  --bs-btn-focus-shadow-rgb: 235, 38, 48;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #b01e1e;
-  --bs-btn-active-border-color: #a51d1d;
+  --bs-btn-active-bg: #b90009;
+  --bs-btn-active-border-color: #ad0008;
   --bs-btn-active-shadow: none;
   --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #dc2626;
-  --bs-btn-disabled-border-color: #dc2626;
+  --bs-btn-disabled-bg: #e7000b;
+  --bs-btn-disabled-border-color: #e7000b;
 }
 
 .btn-light {
@@ -3319,70 +3277,70 @@ textarea.form-control-lg {
 }
 
 .btn-outline-success {
-  --bs-btn-color: #16803c;
-  --bs-btn-border-color: #16803c;
+  --bs-btn-color: #047857;
+  --bs-btn-border-color: #047857;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #16803c;
-  --bs-btn-hover-border-color: #16803c;
-  --bs-btn-focus-shadow-rgb: 22, 128, 60;
+  --bs-btn-hover-bg: #047857;
+  --bs-btn-hover-border-color: #047857;
+  --bs-btn-focus-shadow-rgb: 4, 120, 87;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #16803c;
-  --bs-btn-active-border-color: #16803c;
+  --bs-btn-active-bg: #047857;
+  --bs-btn-active-border-color: #047857;
   --bs-btn-active-shadow: none;
-  --bs-btn-disabled-color: #16803c;
+  --bs-btn-disabled-color: #047857;
   --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: #16803c;
+  --bs-btn-disabled-border-color: #047857;
   --bs-gradient: none;
 }
 
 .btn-outline-info {
-  --bs-btn-color: #0f6e8c;
-  --bs-btn-border-color: #0f6e8c;
+  --bs-btn-color: #0369a1;
+  --bs-btn-border-color: #0369a1;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #0f6e8c;
-  --bs-btn-hover-border-color: #0f6e8c;
-  --bs-btn-focus-shadow-rgb: 15, 110, 140;
+  --bs-btn-hover-bg: #0369a1;
+  --bs-btn-hover-border-color: #0369a1;
+  --bs-btn-focus-shadow-rgb: 3, 105, 161;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #0f6e8c;
-  --bs-btn-active-border-color: #0f6e8c;
+  --bs-btn-active-bg: #0369a1;
+  --bs-btn-active-border-color: #0369a1;
   --bs-btn-active-shadow: none;
-  --bs-btn-disabled-color: #0f6e8c;
+  --bs-btn-disabled-color: #0369a1;
   --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: #0f6e8c;
+  --bs-btn-disabled-border-color: #0369a1;
   --bs-gradient: none;
 }
 
 .btn-outline-warning {
-  --bs-btn-color: #a15c00;
-  --bs-btn-border-color: #a15c00;
+  --bs-btn-color: #b45309;
+  --bs-btn-border-color: #b45309;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #a15c00;
-  --bs-btn-hover-border-color: #a15c00;
-  --bs-btn-focus-shadow-rgb: 161, 92, 0;
+  --bs-btn-hover-bg: #b45309;
+  --bs-btn-hover-border-color: #b45309;
+  --bs-btn-focus-shadow-rgb: 180, 83, 9;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #a15c00;
-  --bs-btn-active-border-color: #a15c00;
+  --bs-btn-active-bg: #b45309;
+  --bs-btn-active-border-color: #b45309;
   --bs-btn-active-shadow: none;
-  --bs-btn-disabled-color: #a15c00;
+  --bs-btn-disabled-color: #b45309;
   --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: #a15c00;
+  --bs-btn-disabled-border-color: #b45309;
   --bs-gradient: none;
 }
 
 .btn-outline-danger {
-  --bs-btn-color: #dc2626;
-  --bs-btn-border-color: #dc2626;
+  --bs-btn-color: #e7000b;
+  --bs-btn-border-color: #e7000b;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #dc2626;
-  --bs-btn-hover-border-color: #dc2626;
-  --bs-btn-focus-shadow-rgb: 220, 38, 38;
+  --bs-btn-hover-bg: #e7000b;
+  --bs-btn-hover-border-color: #e7000b;
+  --bs-btn-focus-shadow-rgb: 231, 0, 11;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #dc2626;
-  --bs-btn-active-border-color: #dc2626;
+  --bs-btn-active-bg: #e7000b;
+  --bs-btn-active-border-color: #e7000b;
   --bs-btn-active-shadow: none;
-  --bs-btn-disabled-color: #dc2626;
+  --bs-btn-disabled-color: #e7000b;
   --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: #dc2626;
+  --bs-btn-disabled-border-color: #e7000b;
   --bs-gradient: none;
 }
 
@@ -4943,25 +4901,25 @@ textarea.form-control-lg {
 }
 
 .pagination {
-  --bs-pagination-padding-x: 0.75rem;
-  --bs-pagination-padding-y: 0.375rem;
+  --bs-pagination-padding-x: 0;
+  --bs-pagination-padding-y: 0;
   --bs-pagination-font-size: 0.875rem;
   --bs-pagination-color: var(--moo-muted-foreground);
-  --bs-pagination-bg: var(--bs-body-bg);
+  --bs-pagination-bg: transparent;
   --bs-pagination-border-width: var(--bs-border-width);
   --bs-pagination-border-color: transparent;
-  --bs-pagination-border-radius: var(--bs-border-radius);
+  --bs-pagination-border-radius: var(--bs-border-radius-lg);
   --bs-pagination-hover-color: var(--bs-body-color);
-  --bs-pagination-hover-bg: var(--moo-muted-surface);
+  --bs-pagination-hover-bg: color-mix(in srgb, var(--moo-muted-surface) 50%, transparent);
   --bs-pagination-hover-border-color: transparent;
   --bs-pagination-focus-color: var(--bs-link-hover-color);
-  --bs-pagination-focus-bg: var(--moo-muted-surface);
+  --bs-pagination-focus-bg: color-mix(in srgb, var(--moo-muted-surface) 50%, transparent);
   --bs-pagination-focus-box-shadow: 0 0 0 2px rgba(23, 23, 23, 0.25);
   --bs-pagination-active-color: var(--bs-body-color);
-  --bs-pagination-active-bg: var(--moo-muted-surface);
+  --bs-pagination-active-bg: color-mix(in srgb, var(--moo-muted-surface) 50%, transparent);
   --bs-pagination-active-border-color: var(--moo-border);
   --bs-pagination-disabled-color: var(--moo-disabled-foreground);
-  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
+  --bs-pagination-disabled-bg: transparent;
   --bs-pagination-disabled-border-color: transparent;
   display: flex;
   padding-left: 0;
@@ -5044,12 +5002,12 @@ textarea.form-control-lg {
 }
 
 .badge {
-  --bs-badge-padding-x: 0.65em;
-  --bs-badge-padding-y: 0.35em;
-  --bs-badge-font-size: 0.75em;
+  --bs-badge-padding-x: 0.5rem;
+  --bs-badge-padding-y: 0.125rem;
+  --bs-badge-font-size: 0.75rem;
   --bs-badge-font-weight: 500;
   --bs-badge-color: #fff;
-  --bs-badge-border-radius: var(--bs-border-radius);
+  --bs-badge-border-radius: var(--bs-border-radius-pill);
   display: inline-block;
   padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
   font-size: var(--bs-badge-font-size);
@@ -5599,18 +5557,18 @@ textarea.form-control-lg {
 .btn-close {
   --bs-btn-close-color: #0a0a0a;
   --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230a0a0a'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
-  --bs-btn-close-opacity: 0.5;
-  --bs-btn-close-hover-opacity: 0.75;
+  --bs-btn-close-opacity: 1;
+  --bs-btn-close-hover-opacity: 1;
   --bs-btn-close-focus-shadow: 0 0 0 2px rgba(23, 23, 23, 0.25);
   --bs-btn-close-focus-opacity: 1;
-  --bs-btn-close-disabled-opacity: 0.25;
+  --bs-btn-close-disabled-opacity: 0.5;
   --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
   box-sizing: content-box;
-  width: 1em;
-  height: 1em;
-  padding: 0.25em 0.25em;
+  width: 0.75rem;
+  height: 0.75rem;
+  padding: 0.34375rem 0.34375rem;
   color: var(--bs-btn-close-color);
-  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
+  background: transparent var(--bs-btn-close-bg) center/0.75rem auto no-repeat;
   border: 0;
   border-radius: 0.5rem;
   opacity: var(--bs-btn-close-opacity);
@@ -7248,8 +7206,8 @@ textarea.form-control-lg {
 }
 
 .link-success:hover, .link-success:focus {
-  color: RGBA(18, 102, 48, var(--bs-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(18, 102, 48, var(--bs-link-underline-opacity, 1)) !important;
+  color: RGBA(3, 96, 70, var(--bs-link-opacity, 1)) !important;
+  text-decoration-color: RGBA(3, 96, 70, var(--bs-link-underline-opacity, 1)) !important;
 }
 
 .link-info {
@@ -7258,8 +7216,8 @@ textarea.form-control-lg {
 }
 
 .link-info:hover, .link-info:focus {
-  color: RGBA(12, 88, 112, var(--bs-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(12, 88, 112, var(--bs-link-underline-opacity, 1)) !important;
+  color: RGBA(2, 84, 129, var(--bs-link-opacity, 1)) !important;
+  text-decoration-color: RGBA(2, 84, 129, var(--bs-link-underline-opacity, 1)) !important;
 }
 
 .link-warning {
@@ -7268,8 +7226,8 @@ textarea.form-control-lg {
 }
 
 .link-warning:hover, .link-warning:focus {
-  color: RGBA(129, 74, 0, var(--bs-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(129, 74, 0, var(--bs-link-underline-opacity, 1)) !important;
+  color: RGBA(144, 66, 7, var(--bs-link-opacity, 1)) !important;
+  text-decoration-color: RGBA(144, 66, 7, var(--bs-link-underline-opacity, 1)) !important;
 }
 
 .link-danger {
@@ -7278,8 +7236,8 @@ textarea.form-control-lg {
 }
 
 .link-danger:hover, .link-danger:focus {
-  color: RGBA(176, 30, 30, var(--bs-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(176, 30, 30, var(--bs-link-underline-opacity, 1)) !important;
+  color: RGBA(185, 0, 9, var(--bs-link-opacity, 1)) !important;
+  text-decoration-color: RGBA(185, 0, 9, var(--bs-link-underline-opacity, 1)) !important;
 }
 
 .link-light {
@@ -12322,57 +12280,167 @@ textarea.form-control-lg {
   --moo-surface: #fff;
   --moo-muted-surface: #f4f4f5;
   --moo-border: #e4e4e7;
+  --moo-primary: #171717;
+  --moo-primary-foreground: #fafafa;
   --moo-foreground: #18181b;
   --moo-muted-foreground: #71717a;
   --moo-disabled-foreground: #a1a1aa;
-  --moo-ring: #18181b;
-  --moo-destructive: #dc2626;
-  --moo-destructive-foreground: #fff;
+  --moo-ring: color-mix(in srgb, #fff 60%, #171717);
+  --moo-destructive: #e7000b;
+  --moo-destructive-surface: color-mix(in srgb, #e7000b 3%, transparent);
+  --moo-destructive-surface-hover: color-mix(in srgb, #e7000b 6%, transparent);
+  --moo-destructive-foreground: #e7000b;
+  --moo-form-invalid-ring-color: color-mix(in srgb, #e7000b 20%, transparent);
+  --moo-warning: #b45309;
+  --moo-warning-surface: color-mix(in srgb, #b45309 10%, transparent);
+  --moo-warning-surface-hover: color-mix(in srgb, #b45309 20%, transparent);
+  --moo-warning-foreground: #b45309;
+  --moo-success: #047857;
+  --moo-success-surface: color-mix(in srgb, #047857 10%, transparent);
+  --moo-success-surface-hover: color-mix(in srgb, #047857 20%, transparent);
+  --moo-success-foreground: #047857;
+  --moo-info: #0369a1;
+  --moo-info-surface: color-mix(in srgb, #0369a1 10%, transparent);
+  --moo-info-surface-hover: color-mix(in srgb, #0369a1 20%, transparent);
+  --moo-info-foreground: #0369a1;
   --moo-sidebar: #fafafa;
   --bs-body-color: var(--moo-foreground);
   --bs-body-color-rgb: 24, 24, 27;
   --bs-heading-color: var(--moo-foreground);
   --bs-secondary-color: var(--moo-muted-foreground);
+  --bs-body-bg: var(--moo-surface);
+  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-secondary-bg: var(--moo-muted-surface);
+  --bs-secondary-bg-rgb: 244, 244, 245;
+  --bs-tertiary-bg: #fafafa;
+  --bs-tertiary-bg-rgb: 250, 250, 250;
+  --bs-tertiary-color: #a1a1aa;
+  --bs-tertiary-color-rgb: 161, 161, 170;
+  --bs-form-invalid-color: var(--moo-destructive);
+  --bs-form-invalid-border-color: #e7000b;
 }
 
 [data-bs-theme="dark"] {
-  --moo-surface: #18181b;
+  --moo-surface: #0a0a0a;
   --moo-muted-surface: #27272a;
   --moo-border: #3f3f46;
+  --moo-primary: #e4e4e7;
+  --moo-primary-foreground: #18181b;
   --moo-foreground: #fafafa;
   --moo-muted-foreground: #a1a1aa;
   --moo-disabled-foreground: #71717a;
-  --moo-ring: #fafafa;
-  --moo-destructive: #f87171;
-  --moo-destructive-foreground: #18181b;
+  --moo-ring: color-mix(in srgb, #fff 40%, #171717);
+  --moo-destructive: #ff6467;
+  --moo-destructive-surface: color-mix(in srgb, #ff6467 20%, transparent);
+  --moo-destructive-surface-hover: color-mix(in srgb, #ff6467 30%, transparent);
+  --moo-destructive-foreground: #ff6467;
+  --moo-form-invalid-ring-color: color-mix(in srgb, #ff6467 40%, transparent);
+  --moo-warning: color-mix(in srgb, #fafafa 60%, #b45309);
+  --moo-warning-surface: color-mix(in srgb, color-mix(in srgb, #fafafa 60%, #b45309) 20%, transparent);
+  --moo-warning-surface-hover: color-mix(in srgb, color-mix(in srgb, #fafafa 60%, #b45309) 30%, transparent);
+  --moo-warning-foreground: color-mix(in srgb, #fafafa 60%, #b45309);
+  --moo-success: color-mix(in srgb, #fafafa 60%, #047857);
+  --moo-success-surface: color-mix(in srgb, color-mix(in srgb, #fafafa 60%, #047857) 20%, transparent);
+  --moo-success-surface-hover: color-mix(in srgb, color-mix(in srgb, #fafafa 60%, #047857) 30%, transparent);
+  --moo-success-foreground: color-mix(in srgb, #fafafa 60%, #047857);
+  --moo-info: color-mix(in srgb, #fafafa 60%, #0369a1);
+  --moo-info-surface: color-mix(in srgb, color-mix(in srgb, #fafafa 60%, #0369a1) 20%, transparent);
+  --moo-info-surface-hover: color-mix(in srgb, color-mix(in srgb, #fafafa 60%, #0369a1) 30%, transparent);
+  --moo-info-foreground: color-mix(in srgb, #fafafa 60%, #0369a1);
   --moo-sidebar: #1c1c1f;
   --bs-body-color: var(--moo-foreground);
   --bs-body-color-rgb: 250, 250, 250;
   --bs-heading-color: var(--moo-foreground);
   --bs-secondary-color: var(--moo-muted-foreground);
+  --bs-body-bg: var(--moo-surface);
+  --bs-body-bg-rgb: 10, 10, 10;
+  --bs-secondary-bg: var(--moo-muted-surface);
+  --bs-secondary-bg-rgb: 39, 39, 42;
+  --bs-tertiary-bg: #202024;
+  --bs-tertiary-bg-rgb: 32, 32, 36;
+  --bs-tertiary-color: #71717a;
+  --bs-tertiary-color-rgb: 113, 113, 122;
+  --bs-form-invalid-color: var(--moo-destructive);
+  --bs-form-invalid-border-color: color-mix(in srgb, #ff6467 50%, transparent);
 }
 
-:is(.btn, a, button, summary, [tabindex]):not(input, textarea, select):focus-visible {
-  outline: var(--bs-focus-ring-width) solid var(--moo-ring);
-  outline-offset: var(--bs-focus-ring-width);
+:is(.btn, a, button, summary, [tabindex]):not(input, textarea, select):focus-visible,
+:is(.form-control, .form-select, .form-check-input):focus-visible {
+  border-color: var(--moo-ring);
+  outline: 0;
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--moo-ring) 50%, transparent);
+}
+
+.btn:focus-visible:hover,
+.btn.show:focus-visible {
+  border-color: var(--bs-btn-hover-border-color);
+  box-shadow: none;
+}
+
+.form-control:focus:not(:focus-visible),
+.form-select:focus:not(:focus-visible) {
+  border-color: var(--moo-border);
+  box-shadow: none;
+}
+
+.page-link:focus:not(:focus-visible) {
+  outline: 0;
   box-shadow: none;
 }
 
+.page-item:not(.active) > .page-link:focus:not(:focus-visible) {
+  color: var(--bs-pagination-color);
+  background-color: var(--bs-pagination-bg);
+  border-color: var(--bs-pagination-border-color);
+}
+
 .form-control.is-invalid,
 .form-control.is-invalid:focus,
+.was-validated .form-control:invalid,
+.was-validated .form-control:invalid:focus,
 .form-select.is-invalid,
-.form-select.is-invalid:focus {
-  box-shadow: 0 0 0 var(--bs-focus-ring-width) color-mix(in srgb, var(--bs-form-invalid-border-color) 20%, transparent);
+.form-select.is-invalid:focus,
+.was-validated .form-select:invalid,
+.was-validated .form-select:invalid:focus {
+  box-shadow: 0 0 0 3px var(--moo-form-invalid-ring-color);
 }
 
-.btn-check:focus-visible + .btn {
-  outline: var(--bs-focus-ring-width) solid var(--moo-ring);
-  outline-offset: var(--bs-focus-ring-width);
+.btn-check:focus:not(:focus-visible) + .btn {
+  outline: 0;
   box-shadow: none;
 }
 
+.btn-check:focus-visible + .btn {
+  border-color: var(--moo-ring);
+  outline: 0;
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--moo-ring) 50%, transparent);
+}
+
 .input-group > .dropdown-toggle[aria-expanded="true"]:focus-visible {
+  box-shadow: none;
+}
+
+.combobox-chips:focus-within {
+  border-color: var(--moo-ring);
+  outline: 0;
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--moo-ring) 50%, transparent);
+}
+
+.input-group:has(> .form-control:focus):not(:has(> .form-control[type="file"])) {
+  border-color: var(--moo-ring);
   outline: 0;
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--moo-ring) 50%, transparent);
+}
+
+.input-group.has-validation:not(:has(> :is(.valid-feedback, .invalid-feedback, .valid-tooltip, .invalid-tooltip))):has(> :is(.form-control, .form-select).is-invalid),
+.was-validated .input-group.has-validation:not(:has(> :is(.valid-feedback, .invalid-feedback, .valid-tooltip, .invalid-tooltip))):has(> :is(.form-control, .form-select):invalid) {
+  border-color: var(--bs-form-invalid-border-color);
+  box-shadow: 0 0 0 3px var(--moo-form-invalid-ring-color);
+}
+
+.input-group.has-validation:not(:has(> :is(.valid-feedback, .invalid-feedback, .valid-tooltip, .invalid-tooltip))) > :is(.form-control, .form-select).is-invalid,
+.was-validated .input-group.has-validation:not(:has(> :is(.valid-feedback, .invalid-feedback, .valid-tooltip, .invalid-tooltip))) > :is(.form-control, .form-select):invalid {
+  box-shadow: none;
 }
 
 @property --moo-scroll-fade-t {
@@ -12625,10 +12693,14 @@ textarea.form-control-lg {
 }
 
 kbd {
+  display: inline-flex;
+  height: 1.25rem;
+  min-width: 1.25rem;
+  align-items: center;
+  justify-content: center;
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   line-height: 1rem;
   font-weight: 500;
-  border: var(--bs-border-width) solid var(--bs-border-color);
 }
 
 .form-control {
@@ -12648,6 +12720,12 @@ textarea.form-control:disabled {
   resize: none;
 }
 
+.form-select option,
+.form-select optgroup {
+  color: var(--bs-body-color);
+  background-color: var(--bs-body-bg);
+}
+
 .input-group:not(:has(> .form-control[type="file"])) {
   border: var(--bs-border-width) solid var(--moo-border);
   border-radius: var(--moo-input-group-border-radius);
@@ -12657,11 +12735,11 @@ textarea.form-control:disabled {
   --moo-input-group-border-radius: var(--bs-border-radius-pill);
 }
 
-.input-group:not(:has(textarea)):not(:has(> .form-control[type="file"])) {
+.input-group:not(:has(> :is(.valid-feedback, .invalid-feedback, .valid-tooltip, .invalid-tooltip))):not(:has(textarea)):not(:has(> .form-control[type="file"])):not(:has(> [data-align])) {
   height: calc(2rem + var(--bs-border-width) * 2);
 }
 
-.input-group:not(:has(textarea)):not(:has(> .form-control[type="file"])) > .form-control {
+.input-group:not(:has(> :is(.valid-feedback, .invalid-feedback, .valid-tooltip, .invalid-tooltip))):not(:has(textarea)):not(:has(> .form-control[type="file"])):not(:has(> [data-align])) > .form-control {
   min-height: 0;
 }
 
@@ -12789,11 +12867,6 @@ textarea.form-control:disabled {
   background-color: transparent;
 }
 
-.input-group:has(> .form-control:focus):not(:has(> .form-control[type="file"])) {
-  border-color: #8b8b8b;
-  box-shadow: 0 0 0 2px rgba(23, 23, 23, 0.25);
-}
-
 .input-group:not(:has(> .form-control[type="file"])) > :is(.form-control, .form-select):focus {
   outline: 0;
   box-shadow: none;
@@ -12863,13 +12936,22 @@ label.btn {
   padding-inline-end: 0.375rem;
 }
 
+.btn-icon {
+  --bs-btn-line-height: 1.25rem;
+  --bs-btn-padding-y: 0.3125rem;
+}
+
 .btn-icon,
 .btn-icon-xs,
 .btn-icon-sm,
 .btn-icon-lg {
-  padding: 0;
-  inline-size: calc( var(--bs-btn-line-height) + var(--bs-btn-padding-y) + var(--bs-btn-padding-y) + var(--bs-btn-border-width) + var(--bs-btn-border-width));
-  aspect-ratio: 1;
+  --moo-btn-icon-size: calc(
+  var(--bs-btn-line-height) +
+  var(--bs-btn-padding-y) * 2 +
+  var(--bs-btn-border-width) * 2);
+  padding-inline: 0;
+  inline-size: var(--moo-btn-icon-size);
+  block-size: var(--moo-btn-icon-size);
 }
 
 :is(.btn-icon, .btn-icon-xs, .btn-icon-sm, .btn-icon-lg)::after {
@@ -12933,20 +13015,20 @@ label.btn {
 }
 
 .btn-primary {
-  --bs-btn-color: var(--moo-surface);
-  --bs-btn-bg: var(--moo-foreground);
-  --bs-btn-hover-bg: color-mix(in srgb, var(--moo-foreground) 88%, var(--moo-surface));
-  --bs-btn-active-bg: color-mix(in srgb, var(--moo-foreground) 80%, var(--moo-surface));
+  --bs-btn-color: var(--moo-primary-foreground);
+  --bs-btn-bg: var(--moo-primary);
+  --bs-btn-hover-bg: color-mix(in srgb, var(--moo-primary) 80%, var(--moo-surface));
+  --bs-btn-active-bg: color-mix(in srgb, var(--moo-primary) 72%, var(--moo-surface));
 }
 
 .btn-secondary {
   --bs-btn-color: var(--moo-foreground);
-  --bs-btn-bg: var(--moo-muted-surface);
+  --bs-btn-bg: var(--moo-surface);
   --bs-btn-border-color: var(--moo-border);
-  --bs-btn-hover-bg: color-mix(in srgb, var(--moo-muted-surface) 86%, var(--moo-foreground));
-  --bs-btn-hover-border-color: color-mix(in srgb, var(--moo-border) 80%, var(--moo-foreground));
-  --bs-btn-active-bg: color-mix(in srgb, var(--moo-muted-surface) 78%, var(--moo-foreground));
-  --bs-btn-active-border-color: color-mix(in srgb, var(--moo-border) 72%, var(--moo-foreground));
+  --bs-btn-hover-bg: color-mix(in srgb, var(--moo-muted-surface) 95%, var(--moo-foreground));
+  --bs-btn-hover-border-color: color-mix(in srgb, var(--moo-border) 90%, var(--moo-foreground));
+  --bs-btn-active-bg: color-mix(in srgb, var(--moo-muted-surface) 88%, var(--moo-foreground));
+  --bs-btn-active-border-color: color-mix(in srgb, var(--moo-border) 82%, var(--moo-foreground));
 }
 
 .btn-outline-secondary {
@@ -12977,9 +13059,14 @@ label.btn {
 
 .btn-danger {
   --bs-btn-color: var(--moo-destructive-foreground);
-  --bs-btn-bg: var(--moo-destructive);
-  --bs-btn-hover-bg: color-mix(in srgb, var(--moo-destructive) 88%, var(--moo-foreground));
-  --bs-btn-active-bg: color-mix(in srgb, var(--moo-destructive) 80%, var(--moo-foreground));
+  --bs-btn-bg: var(--moo-destructive-surface);
+  --bs-btn-border-color: transparent;
+  --bs-btn-hover-color: var(--moo-destructive-foreground);
+  --bs-btn-hover-bg: var(--moo-destructive-surface-hover);
+  --bs-btn-hover-border-color: transparent;
+  --bs-btn-active-color: var(--moo-destructive-foreground);
+  --bs-btn-active-bg: var(--moo-destructive-surface-hover);
+  --bs-btn-active-border-color: transparent;
 }
 
 .btn-link {
@@ -12988,6 +13075,60 @@ label.btn {
   text-underline-offset: 0.25rem;
 }
 
+.btn-close {
+  --bs-btn-close-color: var(--moo-foreground);
+  --bs-btn-hover-color: var(--bs-btn-close-color);
+  --bs-btn-hover-bg: var(--moo-muted-surface);
+  --bs-btn-hover-border-color: transparent;
+  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230a0a0a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M18 6 6 18'/%3e%3cpath d='m6 6 12 12'/%3e%3c/svg%3e");
+  display: inline-flex;
+  flex: 0 0 auto;
+  align-items: center;
+  justify-content: center;
+  border-width: var(--bs-border-width);
+  border-style: var(--bs-border-style);
+  border-color: transparent;
+  border-radius: var(--bs-border-radius-xl);
+  color: var(--bs-btn-close-color);
+  background-image: none;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+.btn-close::before {
+  width: 0.75rem;
+  height: 0.75rem;
+  content: "";
+  background-color: currentColor;
+  -webkit-mask: var(--bs-btn-close-bg) center/contain no-repeat;
+  mask: var(--bs-btn-close-bg) center/contain no-repeat;
+}
+
+[data-bs-theme="dark"] .btn-close {
+  filter: none;
+}
+
+.btn-close:hover {
+  border-color: var(--bs-btn-hover-border-color);
+  color: var(--bs-btn-hover-color);
+  background-color: var(--bs-btn-hover-bg);
+}
+
+.btn-close:focus-visible {
+  border-color: var(--moo-ring);
+  color: var(--bs-btn-hover-color);
+  background-color: var(--bs-btn-hover-bg);
+}
+
+.btn-close:focus:not(:focus-visible) {
+  box-shadow: none;
+}
+
+.btn-close:disabled,
+.btn-close.disabled {
+  pointer-events: none;
+  opacity: var(--moo-disabled-control-opacity);
+}
+
 [dir="rtl"] .btn-group,
 [dir="rtl"] .btn-toolbar {
   direction: ltr;
@@ -12998,6 +13139,43 @@ label.btn {
   unicode-bidi: plaintext;
 }
 
+.btn-group > .btn-icon,
+.btn-group > .btn-icon-xs,
+.btn-group > .btn-icon-sm,
+.btn-group > .btn-icon-lg,
+.btn-group-vertical > .btn-icon,
+.btn-group-vertical > .btn-icon-xs,
+.btn-group-vertical > .btn-icon-sm,
+.btn-group-vertical > .btn-icon-lg {
+  flex: 0 0 auto;
+}
+
+.btn-group-vertical > .btn-icon,
+.btn-group-vertical > .btn-icon-xs,
+.btn-group-vertical > .btn-icon-sm,
+.btn-group-vertical > .btn-icon-lg {
+  width: var(--moo-btn-icon-size);
+}
+
+.btn-group-select,
+.input-group > .btn-group-select {
+  flex: 0 0 auto;
+  width: auto;
+  min-width: calc(1.875rem + 1rem);
+  padding-inline-end: 1.875rem;
+}
+
+.toggle-group > .btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active {
+  transform: none;
+}
+
+.toggle-group > .btn-check:focus-visible + .btn,
+.toggle-group > .btn-check:checked:focus-visible + .btn {
+  border-color: var(--moo-ring);
+  outline: 0;
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--moo-ring) 50%, transparent);
+}
+
 .card {
   --bs-card-bg: var(--moo-surface);
   --bs-card-color: var(--moo-foreground);
@@ -13009,16 +13187,44 @@ label.btn {
   --bs-card-cap-color: var(--moo-foreground);
   --bs-card-title-color: var(--moo-foreground);
   --bs-card-subtitle-color: var(--moo-muted-foreground);
-  gap: var(--bs-card-spacer-x);
-  padding-block: var(--bs-card-spacer-x);
+  --moo-card-spacing: 1rem;
+  gap: var(--moo-card-spacing);
+  padding-block: var(--moo-card-spacing);
+  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
   box-shadow: var(--bs-card-box-shadow);
 }
 
+.card:has(.card-footer) {
+  padding-block-end: 0;
+}
+
+.card:has(> .card-image) {
+  padding-block-start: 0;
+}
+
+.card--sm {
+  --moo-card-spacing: 0.75rem;
+}
+
 .card-header {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  column-gap: var(--moo-card-spacing);
+  align-items: flex-start;
+  border-bottom: 0;
+}
+
+.card-header__text {
   display: flex;
   flex-direction: column;
-  gap: 0.375rem;
-  border-bottom: 0;
+  gap: 0.25rem;
+  min-width: 0;
+  grid-column: 1;
+}
+
+.card-action {
+  grid-column: 2;
+  grid-row: 1;
 }
 
 .card-header,
@@ -13027,11 +13233,38 @@ label.btn {
   padding-block: 0;
 }
 
+.card-header,
+.card-body {
+  padding-inline: var(--moo-card-spacing);
+}
+
 .card-footer {
   display: flex;
   align-items: center;
   gap: 0.5rem;
-  border-top: 0;
+  padding: var(--moo-card-spacing);
+  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
+  background-color: var(--moo-muted-surface);
+}
+
+.card-img-top {
+  border-top-left-radius: var(--bs-card-border-radius);
+  border-top-right-radius: var(--bs-card-border-radius);
+}
+
+.card-image {
+  aspect-ratio: 16 / 9;
+  overflow: hidden;
+  border-top-left-radius: var(--bs-card-border-radius);
+  border-top-right-radius: var(--bs-card-border-radius);
+  background-color: var(--moo-muted-surface);
+}
+
+.card-image .card-img-top {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: 0;
 }
 
 .card-title {
@@ -13045,6 +13278,15 @@ label.btn {
 .card-subtitle {
   margin-top: 0;
   font-size: 0.875rem;
+  color: var(--moo-muted-foreground);
+}
+
+.table-responsive:not(.scroll-fade-x):has(.table-row-actions > [aria-expanded="true"]) {
+  overflow: visible;
+}
+
+.table-row-actions:has(> [aria-expanded="true"]) {
+  z-index: 1000;
 }
 
 .dropdown-menu {
@@ -13080,6 +13322,20 @@ label.btn {
   flex: 0 0 auto;
 }
 
+.dropdown-item[data-variant="destructive"] {
+  color: var(--moo-destructive) !important;
+}
+
+.dropdown-item[data-variant="destructive"]:hover,
+.dropdown-item[data-variant="destructive"]:focus {
+  color: var(--moo-destructive) !important;
+  background-color: var(--moo-destructive-surface) !important;
+}
+
+.dropdown-item[data-variant="destructive"] > [data-icon] {
+  color: var(--moo-destructive) !important;
+}
+
 .dropdown-menu .dropdown-divider {
   margin-inline: calc(-1 * var(--bs-dropdown-padding-x));
   border-block-start: var(--bs-border-width) solid var(--bs-dropdown-divider-bg);
@@ -13102,8 +13358,8 @@ label.btn {
   flex: 0 0 auto;
   align-items: center;
   justify-content: center;
-  width: 1em;
-  height: 1em;
+  width: 1rem;
+  height: 1rem;
   border: var(--bs-border-width) solid var(--bs-border-color);
   border-radius: var(--moo-dropdown-item-check-border-radius);
   color: transparent;
@@ -13154,6 +13410,25 @@ label.btn {
   min-width: max(100%, var(--moo-dropdown-sidebar-min-width));
 }
 
+@media (max-width: 575.98px) {
+  [data-slot="sidebar-header"] .dropend > .dropdown-menu,
+[data-slot="sidebar-footer"] .dropend > .dropdown-menu {
+    left: 0 !important;
+    right: 0 !important;
+    min-width: 100%;
+    margin: 0;
+    transform: none !important;
+  }
+  [data-slot="sidebar-header"] .dropend > .dropdown-menu {
+    top: calc(100% + 0.25rem) !important;
+    bottom: auto !important;
+  }
+  [data-slot="sidebar-footer"] .dropend > .dropdown-menu {
+    top: auto !important;
+    bottom: calc(100% + 0.25rem) !important;
+  }
+}
+
 @media (min-width: 992px) {
   [data-slot="sidebar-header"] [data-moo-sidebar-dropdown-positioned] > .dropdown-menu {
     position: fixed !important;
@@ -13244,8 +13519,9 @@ label.btn {
   height: 0.9375rem;
   min-width: 0.9375rem;
   padding-inline: 0.2rem;
+  border: 0;
   border-radius: var(--bs-border-radius-pill);
-  border: 2px solid var(--bs-body-bg);
+  box-shadow: 0 0 0 2px var(--bs-body-bg);
   background-color: var(--moo-muted-surface);
   color: var(--moo-foreground);
   font-size: 0.625rem;
@@ -13265,15 +13541,15 @@ label.btn {
 }
 
 .avatar-badge--icon {
-  width: 0.75rem;
-  height: 0.75rem;
-  min-width: 0.75rem;
+  width: 0.625rem;
+  height: 0.625rem;
+  min-width: 0.625rem;
   padding-inline: 0;
 }
 
 .avatar-badge--icon [data-icon] {
-  width: 0.375rem;
-  height: 0.375rem;
+  width: 0.5rem;
+  height: 0.5rem;
 }
 
 .avatar-sm {
@@ -13294,6 +13570,7 @@ label.btn {
 }
 
 .avatar-group > .avatar {
+  box-shadow: 0 0 0 2px var(--bs-body-bg);
   z-index: 0;
 }
 
@@ -13759,10 +14036,6 @@ label.btn {
   background: var(--moo-sidebar-accent);
 }
 
-.sidebar-avatar {
-  border-radius: var(--bs-border-radius);
-}
-
 .sidebar-footer .sidebar-account-menu {
   width: auto;
   min-width: var(--moo-dropdown-sidebar-min-width);
@@ -14021,9 +14294,26 @@ label.btn {
 .alert {
   --bs-alert-border-color: var(--moo-border);
   --bs-alert-color: var(--moo-foreground);
+  --bs-alert-padding-x: 0.625rem;
+  --bs-alert-padding-y: 0.5rem;
   display: flex;
   align-items: flex-start;
-  gap: 0.75rem;
+  gap: 0.375rem;
+}
+
+.alert-dismissible {
+  padding-right: 0;
+  padding-left: 0;
+  padding-inline-start: var(--bs-alert-padding-x);
+  padding-inline-end: calc(var(--bs-alert-padding-x) + 1.5rem);
+}
+
+.alert-dismissible .btn-close {
+  top: auto;
+  right: auto;
+  inset-block-start: var(--bs-alert-padding-y);
+  inset-inline-end: var(--bs-alert-padding-x);
+  padding: 0.34375rem 0.34375rem;
 }
 
 .alert-danger {
@@ -14032,6 +14322,24 @@ label.btn {
   --bs-alert-color: var(--moo-destructive);
 }
 
+.alert-warning {
+  --bs-alert-bg: var(--moo-warning-surface);
+  --bs-alert-border-color: var(--moo-border);
+  --bs-alert-color: var(--moo-warning);
+}
+
+.alert-success {
+  --bs-alert-bg: var(--moo-success-surface);
+  --bs-alert-border-color: var(--moo-border);
+  --bs-alert-color: var(--moo-success);
+}
+
+.alert-info {
+  --bs-alert-bg: var(--moo-info-surface);
+  --bs-alert-border-color: var(--moo-border);
+  --bs-alert-color: var(--moo-info);
+}
+
 .alert-icon {
   display: flex;
   flex: 0 0 auto;
@@ -14048,6 +14356,10 @@ label.btn {
   min-width: 0;
 }
 
+.alert-body p {
+  color: color-mix(in srgb, var(--bs-alert-color) 60%, var(--bs-secondary-color));
+}
+
 .alert-heading {
   margin-bottom: 0.25rem;
   font-size: 0.875rem;
@@ -14060,6 +14372,45 @@ label.btn {
 
 .breadcrumb {
   --bs-breadcrumb-item-active-color: var(--moo-foreground);
+  --bs-breadcrumb-item-padding-x: 0.375rem;
+  column-gap: var(--bs-breadcrumb-item-padding-x);
+  line-height: 1.25rem;
+}
+
+.breadcrumb-item {
+  display: inline-flex;
+  align-items: center;
+}
+
+.breadcrumb-item + .breadcrumb-item::before {
+  float: none;
+  flex: 0 0 auto;
+}
+
+.breadcrumb-item + .breadcrumb-item {
+  padding-left: 0;
+}
+
+.breadcrumb:not(.breadcrumb--custom-divider) .breadcrumb-item + .breadcrumb-item::before {
+  width: 0.875rem;
+  height: 0.875rem;
+  padding-right: 0;
+  margin-inline-end: var(--bs-breadcrumb-item-padding-x);
+  background-color: var(--moo-muted-foreground);
+  content: "";
+  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/100% 100% no-repeat;
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/100% 100% no-repeat;
+}
+
+.breadcrumb--custom-divider .breadcrumb-item + .breadcrumb-item::before {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 0.875rem;
+  height: 0.875rem;
+  padding-right: 0;
+  margin-inline-end: var(--bs-breadcrumb-item-padding-x);
+  line-height: 1;
 }
 
 :dir(rtl) .breadcrumb {
@@ -14067,14 +14418,18 @@ label.btn {
 }
 
 :dir(rtl) .breadcrumb-item + .breadcrumb-item {
-  padding-right: var(--bs-breadcrumb-item-padding-x);
+  padding-right: 0;
   padding-left: 0;
 }
 
 :dir(rtl) .breadcrumb-item + .breadcrumb-item::before {
-  float: right;
   padding-right: 0;
-  padding-left: var(--bs-breadcrumb-item-padding-x);
+  padding-left: 0;
+}
+
+:dir(rtl) .breadcrumb:not(.breadcrumb--custom-divider) .breadcrumb-item + .breadcrumb-item::before {
+  padding-left: 0;
+  transform: scaleX(-1);
 }
 
 .breadcrumb-item a {
@@ -14099,42 +14454,127 @@ label.btn {
   height: 1rem;
 }
 
-.breadcrumb-dropdown-item {
+.breadcrumb-dropdown-item,
+.breadcrumb-dropdown-item .dropdown {
   display: inline-flex;
   align-items: center;
 }
 
-.breadcrumb-dropdown-item button {
+.breadcrumb-dropdown-trigger {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
   padding: 0;
   border: 0;
   background-color: transparent;
   color: var(--moo-muted-foreground);
+  font: inherit;
+  line-height: 1.25rem;
   text-decoration: none;
 }
 
-.breadcrumb-dropdown-item button:hover,
-.breadcrumb-dropdown-item button:focus {
+.breadcrumb-dropdown-trigger:hover,
+.breadcrumb-dropdown-trigger:focus {
   color: var(--moo-foreground);
 }
 
+.breadcrumb .breadcrumb-dropdown-trigger:focus-visible {
+  outline: 0;
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--moo-ring) 50%, transparent);
+}
+
+.breadcrumb-dropdown-trigger > [data-icon] {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+
 .page-link {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  gap: 0.25rem;
-  min-width: calc( 1em * var(--bs-body-line-height, 1.5) + var(--bs-pagination-padding-y) * 2 + var(--bs-pagination-border-width) * 2);
-  min-height: calc( 1em * var(--bs-body-line-height, 1.5) + var(--bs-pagination-padding-y) * 2 + var(--bs-pagination-border-width) * 2);
+  flex-shrink: 0;
+  gap: 0.375rem;
+  min-width: calc( 1.25rem + 0.625rem + var(--bs-pagination-border-width) * 2);
+  min-height: calc( 1.25rem + 0.625rem + var(--bs-pagination-border-width) * 2);
+  line-height: 1.25rem;
+  font-weight: 500;
+  white-space: nowrap;
+  user-select: none;
+}
+
+.page-link[aria-label]:has(> span:not(.visually-hidden):not(.d-none)):has([data-icon="inline-start"]) {
+  padding-inline-start: 0.375rem;
+  padding-inline-end: 0.625rem;
+}
+
+.page-link[aria-label]:has(> span:not(.visually-hidden):not(.d-none)):has([data-icon="inline-end"]) {
+  padding-inline-start: 0.625rem;
+  padding-inline-end: 0.375rem;
+}
+
+@media (min-width: 576px) {
+  .page-link[aria-label]:has(> .d-sm-inline):has([data-icon="inline-start"]) {
+    padding-inline-start: 0.375rem;
+    padding-inline-end: 0.625rem;
+  }
+  .page-link[aria-label]:has(> .d-sm-inline):has([data-icon="inline-end"]) {
+    padding-inline-start: 0.625rem;
+    padding-inline-end: 0.375rem;
+  }
+}
+
+.page-link:has([data-icon]):not(:has(> span:not(.visually-hidden))) {
+  padding-inline: 0;
 }
 
 .page-link [data-icon] {
   width: 1rem;
   height: 1rem;
+  flex: 0 0 auto;
+}
+
+.page-item:not(.disabled) .page-link:active {
+  transform: translateY(0.5px);
 }
 
 .page-item.disabled {
   opacity: var(--moo-disabled-control-opacity);
 }
 
+.badge {
+  display: inline-flex;
+  height: 1.25rem;
+  align-items: center;
+  justify-content: center;
+  border: var(--bs-border-width) solid var(--bs-border-color);
+  border-color: transparent;
+  gap: 0.25rem;
+  line-height: 1rem;
+}
+
+.badge[class~="border"] {
+  border-color: var(--moo-border) !important;
+}
+
+.badge[class~="text-bg-primary"] {
+  color: var(--moo-primary-foreground) !important;
+  background-color: var(--moo-primary) !important;
+}
+
+.badge[class~="text-bg-secondary"] {
+  color: var(--moo-foreground) !important;
+  background-color: var(--moo-muted-surface) !important;
+}
+
+.badge[class~="text-bg-danger"] {
+  color: var(--moo-destructive) !important;
+  background-color: var(--moo-destructive-surface) !important;
+}
+
+.badge[class~="text-body-secondary"] {
+  color: var(--moo-foreground) !important;
+}
+
 .progress {
   --bs-progress-bar-bg: var(--moo-foreground);
 }
@@ -14149,26 +14589,56 @@ hr {
   background-color: var(--moo-border);
 }
 
-[data-bs-theme="dark"] .form-check-input:checked {
+[data-bs-theme="dark"] .form-check-input:is(:checked, :indeterminate):not([role="switch"]) {
   filter: invert(1);
 }
 
-.form-check-input[type="checkbox"]:focus:active,
-.form-check-input[type="checkbox"]:focus:not(:focus-visible) {
+.form-check-input {
+  margin-top: 0.125rem;
+}
+
+.form-check-input:is([type="checkbox"], [type="radio"]):not(.is-invalid):focus:active,
+.form-check-input:is([type="checkbox"], [type="radio"]):not(.is-invalid):focus:not(:focus-visible) {
   border-color: var(--bs-border-color);
   box-shadow: none;
 }
 
-.form-check-input[type="checkbox"]:checked:focus:active,
-.form-check-input[type="checkbox"]:checked:focus:not(:focus-visible) {
+.form-check-input:is([type="checkbox"], [type="radio"]):checked:not(.is-invalid):focus:active,
+.form-check-input:is([type="checkbox"], [type="radio"]):checked:not(.is-invalid):focus:not(:focus-visible) {
   border-color: #171717;
 }
 
-.form-check-input[type="checkbox"]:indeterminate:focus:active,
-.form-check-input[type="checkbox"]:indeterminate:focus:not(:focus-visible) {
+.form-check-input[type="checkbox"]:not(.is-invalid):indeterminate:focus:active,
+.form-check-input[type="checkbox"]:not(.is-invalid):indeterminate:focus:not(:focus-visible) {
   border-color: #171717;
 }
 
+.form-check-input.is-invalid {
+  box-shadow: 0 0 0 3px var(--moo-form-invalid-ring-color);
+}
+
+.form-check-input.is-invalid:focus:active,
+.form-check-input.is-invalid:focus:not(:focus-visible) {
+  box-shadow: 0 0 0 3px var(--moo-form-invalid-ring-color);
+}
+
+.form-check-input:is([type="checkbox"], [type="radio"]).is-invalid:checked:focus:active,
+.form-check-input:is([type="checkbox"], [type="radio"]).is-invalid:checked:focus:not(:focus-visible) {
+  box-shadow: 0 0 0 3px var(--moo-form-invalid-ring-color);
+}
+
+.form-check-input[type="checkbox"].is-invalid:indeterminate:focus:active,
+.form-check-input[type="checkbox"].is-invalid:indeterminate:focus:not(:focus-visible) {
+  box-shadow: 0 0 0 3px var(--moo-form-invalid-ring-color);
+}
+
+.form-check-input:is([type="checkbox"], [type="radio"]):not([role="switch"]).is-invalid:checked,
+.form-check-input:is([type="checkbox"], [type="radio"]):not([role="switch"]).is-invalid:checked:focus:active,
+.form-check-input:is([type="checkbox"], [type="radio"]):not([role="switch"]).is-invalid:checked:focus:not(:focus-visible) {
+  border-color: var(--bs-primary);
+  background-color: var(--bs-primary);
+}
+
 .radio-group legend.form-label {
   font-size: inherit;
 }
@@ -14177,11 +14647,23 @@ hr {
   height: 1.15rem;
 }
 
+:where([data-bs-theme="dark"]) .form-switch .form-check-input:checked {
+  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2318181b'/%3e%3c/svg%3e");
+  background-color: var(--moo-foreground);
+  border-color: var(--moo-foreground);
+  filter: none;
+}
+
 .form-switch .form-check-input:focus:active:not(:checked),
 .form-switch .form-check-input:focus:not(:focus-visible):not(:checked) {
   --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2810, 10, 10, 0.25%29'/%3e%3c/svg%3e");
 }
 
+:where([data-bs-theme="dark"]) .form-switch .form-check-input:focus:active:not(:checked),
+:where([data-bs-theme="dark"]) .form-switch .form-check-input:focus:not(:focus-visible):not(:checked) {
+  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
+}
+
 .spinner [data-icon] {
   width: 1rem;
   height: 1rem;
@@ -14257,6 +14739,7 @@ hr {
   font-weight: 500;
   color: var(--bs-secondary-text-emphasis);
   border-radius: var(--bs-border-radius);
+  cursor: default;
   transition: all 0.2s ease-in-out;
 }
 
@@ -14270,12 +14753,65 @@ hr {
   color: var(--moo-foreground);
 }
 
+.tabs-list .nav-link:not(.active, .disabled):hover {
+  background-color: transparent;
+  box-shadow: none;
+}
+
+.tabs-list .nav-link:focus:not(:focus-visible) {
+  outline: 0;
+  box-shadow: none;
+}
+
 .tabs-list .nav-link.active {
   color: var(--moo-foreground);
   background-color: var(--moo-surface);
   box-shadow: var(--bs-box-shadow-sm);
 }
 
+.tabs-list .nav-link.active:focus-visible {
+  border-color: var(--moo-ring);
+  outline: 0;
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--moo-ring) 50%, transparent);
+}
+
+.tabs-list:has(.nav-link:hover) .nav-link.active:not(:hover) {
+  background-color: var(--moo-surface);
+  box-shadow: var(--bs-box-shadow-sm);
+}
+
+.tabs--vertical {
+  display: flex;
+  align-items: flex-start;
+  gap: 1rem;
+  width: 100%;
+  max-width: 100%;
+}
+
+.tabs--vertical .tabs-list {
+  flex: 0 0 auto;
+}
+
+.tabs--vertical .nav-link {
+  justify-content: flex-start;
+  text-align: start;
+}
+
+.tabs--vertical .tab-content {
+  flex: 1 1 auto;
+  min-width: 0;
+  margin-top: 0;
+}
+
+@media (max-width: 575.98px) {
+  .tabs--vertical {
+    flex-direction: column;
+  }
+  .tabs--vertical .tabs-list {
+    flex-direction: row !important;
+  }
+}
+
 .tabs-list .nav-link:disabled,
 .tabs-list .nav-link.disabled {
   color: var(--moo-disabled-foreground);
@@ -14298,15 +14834,13 @@ hr {
   max-width: 100%;
   min-width: 0;
   opacity: 0;
-  transform: translateY(0.25rem);
   visibility: hidden;
   pointer-events: none;
-  transition: opacity 0.16s ease, transform 0.16s ease, visibility 0s linear 0.16s;
+  transition: opacity 0.16s ease, visibility 0s linear 0.16s;
 }
 
 .tab-content > .active {
   opacity: 1;
-  transform: none;
   visibility: visible;
   pointer-events: auto;
   transition-delay: 0s;
@@ -14361,9 +14895,52 @@ hr {
   --bs-tooltip-padding-y: 0.375rem;
   --bs-tooltip-font-size: 0.75rem;
   --bs-tooltip-opacity: 1;
+  --moo-tooltip-motion-duration: 150ms;
+  --moo-tooltip-motion-easing: cubic-bezier(0.16, 1, 0.3, 1);
+  --moo-tooltip-motion-scale: 0.95;
+  --moo-tooltip-motion-translate: 0.25rem;
   line-height: 1.333;
 }
 
+.tooltip.fade .tooltip-inner {
+  transition: transform var(--moo-tooltip-motion-duration) var(--moo-tooltip-motion-easing);
+  transform: scale(var(--moo-tooltip-motion-scale));
+  transform-origin: center;
+  will-change: transform;
+}
+
+.tooltip.show .tooltip-inner {
+  transform: translate3d(0, 0, 0) scale(1);
+}
+
+.bs-tooltip-top.fade:not(.show) .tooltip-inner,
+.bs-tooltip-auto[data-popper-placement^="top"].fade:not(.show) .tooltip-inner {
+  transform: translate3d(0, var(--moo-tooltip-motion-translate), 0) scale(var(--moo-tooltip-motion-scale));
+}
+
+.bs-tooltip-bottom.fade:not(.show) .tooltip-inner,
+.bs-tooltip-auto[data-popper-placement^="bottom"].fade:not(.show) .tooltip-inner {
+  transform: translate3d(0, calc(var(--moo-tooltip-motion-translate) * -1), 0) scale(var(--moo-tooltip-motion-scale));
+}
+
+.bs-tooltip-start.fade:not(.show) .tooltip-inner,
+.bs-tooltip-auto[data-popper-placement^="left"].fade:not(.show) .tooltip-inner {
+  transform: translate3d(var(--moo-tooltip-motion-translate), 0, 0) scale(var(--moo-tooltip-motion-scale));
+}
+
+.bs-tooltip-end.fade:not(.show) .tooltip-inner,
+.bs-tooltip-auto[data-popper-placement^="right"].fade:not(.show) .tooltip-inner {
+  transform: translate3d(calc(var(--moo-tooltip-motion-translate) * -1), 0, 0) scale(var(--moo-tooltip-motion-scale));
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .tooltip.fade .tooltip-inner {
+    transition: none;
+    transform: none;
+    will-change: auto;
+  }
+}
+
 .tooltip-trigger {
   color: var(--moo-foreground);
   text-decoration-line: underline;
@@ -14372,12 +14949,8 @@ hr {
   text-underline-offset: 0.2em;
 }
 
-.tooltip-kbd {
-  padding: 0.125rem 0.375rem;
-  font-size: 0.75rem;
-  color: var(--bs-body-bg);
-  background-color: var(--bs-body-color);
-  border-radius: var(--bs-border-radius-sm);
+.tooltip-inner kbd {
+  margin-inline-start: 0.25rem;
 }
 
 .popover {
@@ -14411,6 +14984,7 @@ hr {
   --bs-modal-border-color: var(--moo-border);
   --bs-modal-header-border-width: 0;
   --bs-modal-footer-border-color: var(--moo-border);
+  --bs-modal-footer-bg: color-mix(in srgb, var(--bs-secondary-bg) 50%, transparent);
   --bs-modal-title-line-height: 1;
 }
 
@@ -14434,6 +15008,7 @@ hr {
 .modal--alert {
   --bs-modal-width: 24rem;
   --bs-modal-padding: 1rem;
+  --bs-modal-footer-bg: color-mix(in srgb, var(--bs-secondary-bg) 50%, transparent);
 }
 
 .modal-header--alert {
@@ -14478,10 +15053,16 @@ hr {
 .toast {
   --bs-toast-border-radius: var(--bs-border-radius-lg);
   --bs-toast-border-color: var(--moo-border);
+  --bs-toast-bg: var(--bs-body-bg);
   --bs-toast-box-shadow: var(--bs-box-shadow-lg);
+  --bs-toast-header-bg: var(--bs-body-bg);
   --bs-toast-padding-x: 1rem;
 }
 
+.toast-container {
+  z-index: var(--bs-toast-zindex, 1090);
+}
+
 .toast-header strong {
   font-weight: 500;
 }
@@ -14497,10 +15078,36 @@ hr {
   font-weight: 500;
 }
 
-.field:has(> .is-invalid) > .form-label {
+.field[data-invalid="true"] {
   color: var(--bs-form-invalid-color);
 }
 
+.field--switch {
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 1.25rem;
+}
+
+.field--switch > :first-child {
+  min-width: 0;
+}
+
+.field--switch > label {
+  flex: 0 0 auto;
+  margin: 0;
+}
+
+.field--switch .form-label {
+  margin-bottom: 0.25rem;
+  font-weight: 500;
+}
+
+.field--disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+
 .field-description,
 .field-error {
   margin-top: 0;
@@ -14640,11 +15247,6 @@ hr {
   cursor: text;
 }
 
-.combobox-chips:focus-within {
-  border-color: #8b8b8b;
-  box-shadow: 0 0 0 2px rgba(23, 23, 23, 0.25);
-}
-
 .combobox-value {
   display: flex;
   min-width: 0;
@@ -14815,9 +15417,10 @@ ul.context-menu-menu:focus-visible {
 
 .datatable {
   --moo-datatable-min-width: 48rem;
+  --moo-datatable-actions-cell-fade-width: 1.25rem;
   --moo-datatable-card-label-width: 7rem;
   --moo-datatable-frame-header-min-height: 2.78125rem;
-  --moo-datatable-select-cell-inset: 0.89062rem;
+  --moo-datatable-select-cell-inset: 0.82812rem;
   --moo-datatable-table-select-all-offset-y: 0.04688rem;
   --moo-datatable-toolbar-control-height: calc(2rem + var(--bs-border-width) * 2);
   --moo-datatable-search-filter-menu-width: 12.5rem;
@@ -14854,8 +15457,21 @@ ul.context-menu-menu:focus-visible {
   overflow: hidden;
 }
 
-.datatable-frame:has(.table-row-actions .dropdown-menu.show),
-.datatable-frame .table-responsive:has(.table-row-actions .dropdown-menu.show) {
+.datatable-frame [data-datatable-column="actions"] {
+  position: sticky;
+  inset-inline-end: 0;
+  z-index: 2;
+  background: linear-gradient(90deg, transparent 0, var(--bs-body-bg) var(--moo-datatable-actions-cell-fade-width));
+}
+
+[dir="rtl"] .datatable-frame [data-datatable-column="actions"],
+.datatable-frame [dir="rtl"] [data-datatable-column="actions"] {
+  background: linear-gradient(270deg, transparent 0, var(--bs-body-bg) var(--moo-datatable-actions-cell-fade-width));
+}
+
+.datatable-card-frame:has(.datatable-card .dropdown-menu.show) {
+  position: relative;
+  z-index: 1000;
   overflow: visible;
 }
 
@@ -15214,6 +15830,12 @@ ul.context-menu-menu:focus-visible {
   background-color: var(--moo-muted-surface);
 }
 
+.datatable-view-toggle .btn-check:focus-visible + .datatable-view-option {
+  z-index: 3;
+  border-color: var(--moo-ring);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--moo-ring) 50%, transparent);
+}
+
 .datatable-view-trigger {
   min-block-size: var(--moo-datatable-toolbar-control-height);
 }
@@ -15359,15 +15981,6 @@ ul.context-menu-menu:focus-visible {
   background-color: var(--bs-body-bg);
 }
 
-.datatable-card-frame:has(.datatable-card .dropdown-menu.show),
-.datatable-card:has(.dropdown-menu.show) {
-  overflow: visible;
-}
-
-.datatable-card:has(.dropdown-menu.show) {
-  z-index: 2;
-}
-
 .datatable-card-header {
   display: grid;
   grid-template-columns: auto minmax(0, 1fr) auto;
@@ -15522,6 +16135,7 @@ ul.context-menu-menu:focus-visible {
   max-width: 100%;
   justify-self: end;
   overflow-x: auto;
+  overflow-y: hidden;
   -webkit-overflow-scrolling: touch;
 }
 
@@ -15541,8 +16155,8 @@ ul.context-menu-menu:focus-visible {
   flex: 0 0 auto;
   align-items: center;
   justify-content: center;
-  width: 1em;
-  height: 1em;
+  width: 1rem;
+  height: 1rem;
   border: var(--bs-border-width) solid var(--bs-border-color);
   border-radius: var(--moo-datatable-facet-item-border-radius);
   color: transparent;