rsuite 6.0.0-canary-20250403 → 6.0.0-canary-20250424

package/dist/rsuite.css

@@ -441,9 +441,9 @@ dd {
   --rs-bg-backdrop: rgb(from var(--rs-gray-900) r g b / 30%);
   --rs-state-hover-bg: var(--rs-primary-50);
   --rs-color-focus-ring: rgb(from var(--rs-primary-500) r g b / 25%);
-  --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-primary-500) r g b / 25%);
-  --rs-state-focus-outline: 3px solid rgb(from var(--rs-primary-500) r g b / 25%);
-  --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b / 25%);
+  --rs-state-focus-shadow: 0 0 0 2px rgb(from var(--rs-primary-500) r g b / 25%);
+  --rs-state-focus-outline: 2px solid rgb(from var(--rs-primary-500) r g b / 25%);
+  --rs-state-error-outline: 2px solid rgb(from var(--rs-color-red) r g b / 25%);
   --rs-kbd-bg: var(--rs-gray-50);
   --rs-kbd-text: var(--rs-gray-800);
   --rs-kbd-border: var(--rs-gray-200);
@@ -614,7 +614,7 @@ dd {
   --rs-radio-tile-checked-disabled-color: var(--rs-primary-200);
   --rs-radio-tile-icon-size: 32px;
   --rs-rate-symbol: var(--rs-gray-600);
-  --rs-rate-symbol-checked: var(--rs-blue-500);
+  --rs-rate-color: var(--rs-blue-500);
   --rs-toggle-bg: var(--rs-gray-500);
   --rs-toggle-thumb: #fff;
   --rs-toggle-loader-ring: rgb(from var(--rs-gray-50) r g b / 30%);
@@ -646,7 +646,6 @@ dd {
   --rs-badge-bg: var(--rs-color-red);
   --rs-badge-text: var(--rs-gray-0);
   --rs-badge-border: var(--rs-gray-0);
-  --rs-close-button-hover-color: var(--rs-color-red);
   --rs-tag-bg: var(--rs-gray-50);
   --rs-card-bg: var(--rs-gray-0);
   --rs-carousel-bg: var(--rs-gray-600);
@@ -692,8 +691,8 @@ dd {
   .rs-theme-light {
     --rs-bg-backdrop: rgba(18, 18, 18, 0.3);
     --rs-color-focus-ring: rgba(52, 152, 255, 0.25);
-    --rs-state-focus-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-    --rs-state-focus-outline: 3px solid rgba(52, 152, 255, 0.25);
+    --rs-state-focus-shadow: 0 0 0 2px rgba(52, 152, 255, 0.25);
+    --rs-state-focus-outline: 2px solid rgba(52, 152, 255, 0.25);
     --rs-loader-ring: rgba(247, 247, 250, 0.8);
     --rs-loader-backdrop: rgba(255, 255, 255, 0.9);
     --rs-loader-ring-inverse: rgba(247, 247, 250, 0.3);
@@ -835,10 +834,10 @@ dd {
   --rs-bg-active: var(--rs-primary-700);
   --rs-bg-backdrop: rgb(from var(--rs-gray-900) r g b / 80%);
   --rs-state-hover-bg: var(--rs-gray-600);
-  --rs-color-focus-ring: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
-  --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
-  --rs-state-focus-outline: 3px solid rgb(from var(--rs-gray-500) r g b / 25%);
-  --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b / 25%);
+  --rs-color-focus-ring: 0 0 0 2px rgb(from var(--rs-gray-500) r g b / 25%);
+  --rs-state-focus-shadow: 0 0 0 2px rgb(from var(--rs-gray-500) r g b / 25%);
+  --rs-state-focus-outline: 2px solid rgb(from var(--rs-gray-500) r g b / 25%);
+  --rs-state-error-outline: 2px solid rgb(from var(--rs-color-red) r g b / 25%);
   --rs-kbd-bg: var(--rs-gray-600);
   --rs-kbd-text: var(--rs-gray-50);
   --rs-kbd-border: var(--rs-gray-700);
@@ -1004,7 +1003,7 @@ dd {
   --rs-radio-tile-checked-mark-color: var(--rs-gray-800);
   --rs-radio-tile-checked-disabled-color: var(--rs-primary-900);
   --rs-rate-symbol: var(--rs-gray-600);
-  --rs-rate-symbol-checked: var(--rs-yellow-500);
+  --rs-rate-color: var(--rs-yellow-500);
   --rs-toggle-bg: var(--rs-gray-500);
   --rs-toggle-thumb: #fff;
   --rs-toggle-hover-bg: var(--rs-gray-300);
@@ -1034,7 +1033,6 @@ dd {
   --rs-badge-bg: var(--rs-color-red);
   --rs-badge-text: var(--rs-gray-0);
   --rs-badge-border: var(--rs-gray-900);
-  --rs-close-button-hover-color: var(--rs-color-red);
   --rs-tag-bg: var(--rs-gray-600);
   --rs-card-bg: var(--rs-gray-900);
   --rs-carousel-bg: var(--rs-gray-600);
@@ -1076,9 +1074,9 @@ dd {
 @supports not (color: rgb(from white r g b)) {
   .rs-theme-dark {
     --rs-bg-backdrop: rgba(15, 19, 26, 0.8);
-    --rs-color-focus-ring: 0 0 0 3px rgba(52, 195, 255, 0.25);
-    --rs-state-focus-shadow: 0 0 0 3px rgba(52, 195, 255, 0.25);
-    --rs-state-focus-outline: 3px solid rgba(52, 195, 255, 0.25);
+    --rs-color-focus-ring: 0 0 0 2px rgba(52, 195, 255, 0.25);
+    --rs-state-focus-shadow: 0 0 0 2px rgba(52, 195, 255, 0.25);
+    --rs-state-focus-outline: 2px solid rgba(52, 195, 255, 0.25);
     --rs-loader-ring: rgba(233, 235, 240, 0.3);
     --rs-loader-backdrop: rgba(15, 19, 26, 0.83);
     --rs-loader-ring-inverse: rgba(233, 235, 240, 0.8);
@@ -1218,10 +1216,10 @@ dd {
   --rs-bg-backdrop: rgb(from var(--rs-gray-900) r g b / 80%);
   --rs-state-hover-bg: var(--rs-gray-600);
   --rs-color-focus-ring: var(--rs-gray-0);
-  --rs-state-focus-shadow: 0 0 0 3px var(--rs-gray-900), 0 0 0 5px var(--rs-gray-0);
+  --rs-state-focus-shadow: 0 0 0 2px var(--rs-gray-900), 0 0 0 5px var(--rs-gray-0);
   --rs-state-focus-shadow-slim: 0 0 0 2px var(--rs-gray-0);
-  --rs-state-focus-outline: 3px solid rgb(from var(--rs-primary-500) r g b / 25%);
-  --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b / 25%);
+  --rs-state-focus-outline: 2px solid rgb(from var(--rs-primary-500) r g b / 25%);
+  --rs-state-error-outline: 2px solid rgb(from var(--rs-color-red) r g b / 25%);
   --rs-kbd-bg: var(--rs-gray-600);
   --rs-kbd-text: var(--rs-gray-50);
   --rs-kbd-border: var(--rs-gray-700);
@@ -1390,7 +1388,7 @@ dd {
   --rs-radio-tile-checked-mark-color: var(--rs-gray-800);
   --rs-radio-tile-checked-disabled-color: var(--rs-primary-900);
   --rs-rate-symbol: var(--rs-gray-100);
-  --rs-rate-symbol-checked: var(--rs-primary-500);
+  --rs-rate-color: var(--rs-primary-500);
   --rs-toggle-bg: var(--rs-gray-800);
   --rs-toggle-thumb: var(--rs-gray-100);
   --rs-toggle-hover-bg: var(--rs-gray-800);
@@ -1421,7 +1419,6 @@ dd {
   --rs-badge-bg: var(--rs-red-500);
   --rs-badge-text: var(--rs-gray-0);
   --rs-badge-border: var(--rs-gray-900);
-  --rs-close-button-hover-color: var(--rs-color-red);
   --rs-tag-bg: var(--rs-gray-600);
   --rs-card-bg: var(--rs-gray-900);
   --rs-carousel-bg: var(--rs-gray-600);
@@ -1687,17 +1684,13 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-theme-high-contrast .rs-auto-complete-item:hover,
 .rs-theme-high-contrast .rs-auto-complete-item:focus,
 .rs-theme-high-contrast .rs-auto-complete-item-focus {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-auto-complete-item:hover,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-auto-complete-item:focus,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-auto-complete-item-focus {
-  outline-offset: 2px;
-}
 .rs-auto-complete .rs-input:focus::-webkit-textfield-decoration-container {
   visibility: hidden;
   pointer-events: none;
@@ -1970,10 +1963,8 @@ tbody.rs-anim-collapse.rs-anim-in {
   border-color: var(--rs-btn-default-border-color);
 }
 .rs-btn:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
-}
-.rs-theme-high-contrast .rs-btn:focus-visible {
-  outline-offset: 2px;
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-btn:hover {
   color: var(--rs-btn-default-hover-text);
@@ -2710,12 +2701,10 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle {
   cursor: not-allowed;
 }
-.rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:hover,
 .rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:focus,
 .rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:active {
   background: none;
 }
-.rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:hover::after,
 .rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:focus::after,
 .rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:active::after {
   display: none;
@@ -3340,15 +3329,13 @@ tbody.rs-anim-collapse.rs-anim-in {
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-calendar-time-dropdown-cell:hover {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell:hover {
-  outline-offset: 2px;
-}
 .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active {
   background-color: var(--rs-bg-active);
   color: var(--rs-calendar-date-selected-text);
@@ -3358,15 +3345,13 @@ tbody.rs-anim-collapse.rs-anim-in {
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
-  outline-offset: 2px;
-}
 .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-disabled {
   color: var(--rs-text-disabled);
   background: none;
@@ -3632,29 +3617,25 @@ tbody.rs-anim-collapse.rs-anim-in {
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-cascade-search-view-row:hover {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-search-view-row:hover {
-  outline-offset: 2px;
-}
 .rs-cascade-search-view-row.rs-cascade-search-view-row-focus {
   background-color: var(--rs-listbox-option-hover-bg);
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-cascade-search-view-row.rs-cascade-search-view-row-focus {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-search-view-row.rs-cascade-search-view-row-focus {
-  outline-offset: 2px;
-}
 .rs-cascade-search-view-row:disabled,
 .rs-cascade-search-view-row.rs-cascade-search-view-row-disabled {
   color: var(--rs-listbox-option-disabled-text);
@@ -3722,17 +3703,13 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-theme-high-contrast .rs-cascade-tree-item:hover,
 .rs-theme-high-contrast .rs-cascade-tree-item:focus,
 .rs-theme-high-contrast .rs-cascade-tree-item.rs-cascade-tree-item-focus {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-tree-item:hover,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-tree-item:focus,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-tree-item.rs-cascade-tree-item-focus {
-  outline-offset: 2px;
-}
 .rs-cascade-tree-item.rs-cascade-tree-item-active {
   background-color: var(--rs-listbox-option-selected-bg);
   font-weight: bold;
@@ -3792,7 +3769,8 @@ tbody.rs-anim-collapse.rs-anim-in {
   color: var(--rs-text-disabled);
 }
 .rs-checkbox [type='checkbox']:focus-visible ~ .rs-checkbox-inner::before {
-  box-shadow: var(--rs-state-focus-shadow);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-checkbox-checker {
   position: relative;
@@ -4022,10 +4000,8 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   width: auto;
 }
 .rs-check-tree .rs-check-tree-node-content:focus-visible .rs-checkbox-label {
-  outline: 3px solid var(--rs-color-focus-ring);
-}
-.rs-theme-high-contrast .rs-check-tree .rs-check-tree-node-content:focus-visible .rs-checkbox-label {
-  outline-offset: 2px;
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-check-tree .rs-check-tree-empty {
   padding-inline: calc(var(--rs-spacing) * 2);
@@ -4189,15 +4165,13 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
-  outline-offset: 2px;
-}
 .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
   background-color: var(--rs-calendar-cell-selected-hover-bg);
   color: var(--rs-calendar-date-selected-text);
@@ -4219,15 +4193,13 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
-  outline-offset: 2px;
-}
 .rs-picker-popup .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
   background-color: var(--rs-calendar-cell-selected-hover-bg);
   color: var(--rs-calendar-date-selected-text);
@@ -4403,10 +4375,10 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-divider:where([data-orientation='horizontal'][data-with-label='true'])::after {
   margin-inline-start: var(--rs-divider-spacing-xs);
 }
-.rs-divider:where([data-position='left']):before {
+.rs-divider:where([data-placement='start']):before {
   display: none;
 }
-.rs-divider:where([data-position='right']):after {
+.rs-divider:where([data-placement='end']):after {
   display: none;
 }
 @keyframes shakeHead {
@@ -4720,10 +4692,8 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   outline: 0;
 }
 .rs-dropdown-menu:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
-}
-.rs-theme-high-contrast .rs-dropdown-menu:focus-visible {
-  outline-offset: 2px;
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-dropdown .rs-dropdown-menu {
   position: absolute;
@@ -5270,7 +5240,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-form-stack-fluid .rs-form-control-wrapper {
   width: 100%;
 }
-.rs-form-stack-fluid .rs-form-control-wrapper > .rs-input-number,
+.rs-form-stack-fluid .rs-form-control-wrapper > .rs-number-input,
 .rs-form-stack-fluid .rs-form-control-wrapper > .rs-input {
   width: 100%;
 }
@@ -5280,7 +5250,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-form-control-wrapper {
   position: relative;
 }
-.rs-form-control-wrapper > .rs-input-number,
+.rs-form-control-wrapper > .rs-number-input,
 .rs-form-control-wrapper > .rs-input {
   width: 300px;
 }
@@ -8236,23 +8206,17 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-input::placeholder {
   color: var(--rs-text-secondary);
 }
-.rs-input:focus,
-.rs-input:hover:not(:disabled) {
-  border-color: var(--rs-input-focus-border);
-}
 .rs-input:focus {
-  outline: 3px solid var(--rs-color-focus-ring);
+  border-color: var(--rs-input-focus-border);
 }
-.rs-theme-high-contrast .rs-input:focus {
-  outline-offset: 2px;
+.rs-input:focus-visible {
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-input:disabled {
   background-color: var(--rs-input-disabled-bg);
   color: var(--rs-text-disabled);
 }
-textarea.rs-input {
-  height: auto;
-}
 .rs-input.rs-input-xs {
   --rs-input-font-size: var(--rs-input-font-size-xs);
   --rs-input-line-height: var(--rs-input-line-height-xs);
@@ -8277,10 +8241,6 @@ textarea.rs-input {
   --rs-input-padding-block: var(--rs-input-padding-block-lg);
   --rs-input-padding-inline: var(--rs-input-padding-inline-lg);
 }
-textarea.rs-input {
-  overflow: auto;
-  resize: vertical;
-}
 .rs-input-group {
   --rs-input-group-input-height-xs: calc(24px - 2px);
   --rs-input-group-input-height-sm: calc(30px - 2px);
@@ -8336,18 +8296,14 @@ textarea.rs-input {
 .rs-theme-high-contrast .rs-input-group {
   transition: none;
 }
-.rs-input-group:not(.rs-input-group-disabled):hover,
 .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
 .rs-input-group:focus-within {
   border-color: var(--rs-input-focus-border);
 }
 .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
 .rs-input-group:focus-within {
-  outline: 3px solid var(--rs-color-focus-ring);
-}
-.rs-theme-high-contrast .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
-.rs-theme-high-contrast .rs-input-group:focus-within {
-  outline-offset: 2px;
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-input-group .rs-input-group {
   outline: none !important;
@@ -8356,7 +8312,7 @@ textarea.rs-input {
 .rs-input-group .rs-input-group-btn {
   height: var(--rs-input-group-input-height);
 }
-.rs-input-group .rs-input-number,
+.rs-input-group .rs-number-input,
 .rs-input-group .rs-input-group-addon,
 .rs-input-group .rs-input-group-btn,
 .rs-input-group .rs-picker[data-picker='date'] .rs-picker-toggle {
@@ -8492,33 +8448,40 @@ textarea.rs-input {
   border-radius: var(--rs-radius-none);
   font-size: var(--rs-input-group-font-size);
 }
-.rs-input-number {
+.rs-number-input {
   --rs-number-input-touchspin-font-size: var(--rs-font-size-xs);
   --rs-number-input-touchspin-height-xs: calc(calc(24px - 2px) / 2);
   --rs-number-input-touchspin-height-sm: calc(calc(30px - 2px) / 2);
   --rs-number-input-touchspin-height-md: calc(calc(36px - 2px) / 2);
   --rs-number-input-touchspin-height-lg: calc(calc(42px - 2px) / 2);
-  background-color: var(--rs-input-bg);
 }
-.rs-input-number.rs-input-group-xs {
+.rs-number-input.rs-input-group {
+  width: auto;
+}
+.rs-number-input.rs-input-group-xs {
   --rs-number-input-touchspin-height: var(--rs-number-input-touchspin-height-xs);
+  --rs-number-input-icon-height: calc(var(--rs-number-input-touchspin-height) - 0px);
 }
-.rs-input-number.rs-input-group-sm {
+.rs-number-input.rs-input-group-sm {
   --rs-number-input-touchspin-height: var(--rs-number-input-touchspin-height-sm);
+  --rs-number-input-icon-height: calc(var(--rs-number-input-touchspin-height) - 2px);
 }
-.rs-input-number.rs-input-group-md {
+.rs-number-input.rs-input-group-md {
   --rs-number-input-touchspin-height: var(--rs-number-input-touchspin-height-md);
+  --rs-number-input-icon-height: calc(var(--rs-number-input-touchspin-height) - 4px);
 }
-.rs-input-number.rs-input-group-lg {
+.rs-number-input.rs-input-group-lg {
   --rs-number-input-touchspin-height: var(--rs-number-input-touchspin-height-lg);
+  --rs-number-input-icon-height: calc(var(--rs-number-input-touchspin-height) - 6px);
 }
-.rs-input-number-btn-group-vertical {
+.rs-number-input-btn-group-vertical {
+  border-left: 1px solid var(--rs-border-secondary);
   position: relative;
   width: 20px;
   flex: 0 0 20px;
   display: block;
 }
-.rs-input-number-btn-group-vertical > .rs-btn {
+.rs-number-input-btn-group-vertical > .rs-btn {
   display: block;
   float: none;
   width: 100%;
@@ -8526,30 +8489,30 @@ textarea.rs-input {
   position: relative;
   border: none;
 }
-.rs-input-number .rs-input-number-touchspin-up,
-.rs-input-number .rs-input-number-touchspin-down {
+.rs-number-input .rs-number-input-touchspin-up,
+.rs-number-input .rs-number-input-touchspin-down {
   position: relative;
   border-radius: var(--rs-radius-none);
   padding: 0;
   box-shadow: none !important;
   height: var(--rs-number-input-touchspin-height);
 }
-.rs-input-number .rs-input-number-touchspin-up > .rs-icon,
-.rs-input-number .rs-input-number-touchspin-down > .rs-icon {
+.rs-number-input .rs-number-input-touchspin-up > .rs-icon,
+.rs-number-input .rs-number-input-touchspin-down > .rs-icon {
   width: 100%;
   font-size: var(--rs-number-input-touchspin-font-size);
   color: var(--rs-text-secondary);
-  height: var(--rs-number-input-touchspin-height);
+  height: var(--rs-number-input-icon-height);
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.rs-input-number input[type='number'] {
+.rs-number-input input[type='number'] {
   -webkit-appearance: textfield;
      -moz-appearance: textfield;
           appearance: textfield;
 }
-.rs-input-number input[type='number']::-webkit-inner-spin-button {
+.rs-number-input input[type='number']::-webkit-inner-spin-button {
   /* stylelint-disable */
   -webkit-appearance: none;
 }
@@ -8621,6 +8584,12 @@ textarea.rs-input {
 .rs-picker-focused .rs-picker-search-input {
   z-index: 6;
 }
+.rs-textarea {
+  --rs-textarea-resize: none;
+  overflow: auto;
+  resize: var(--rs-textarea-resize);
+  height: auto;
+}
 .rs-inline-edit {
   position: relative;
   display: inline-block;
@@ -9118,10 +9087,11 @@ textarea.rs-input {
   --rs-message-line-height: var(--rs-text-line-height-sm);
   --rs-message-border-radius: var(--rs-radius-md);
   --rs-message-icon-size: var(--rs-font-size-md);
-  --rs-message-padding: 1.25rem;
+  --rs-message-padding: calc(var(--rs-spacing) * 4);
   --rs-message-header-color: var(--rs-text-heading);
   --rs-message-body-color: var(--rs-text-primary);
   --rs-message-icon-color: var(--rs-text-secondary);
+  --rs-message-spacing: calc(var(--rs-spacing) * 2);
   border-radius: var(--rs-message-border-radius);
   font-size: var(--rs-message-font-size);
   line-height: var(--rs-message-line-height);
@@ -9170,6 +9140,7 @@ textarea.rs-input {
   padding: var(--rs-message-padding);
   display: flex;
   align-items: baseline;
+  gap: var(--rs-message-spacing);
 }
 .rs-message.rs-message-has-title {
   --rs-message-icon-size: var(--rs-font-size-2xl);
@@ -9196,7 +9167,7 @@ textarea.rs-input {
   flex-direction: column;
   align-items: center;
   text-align: center;
-  gap: 20px;
+  gap: calc(var(--rs-spacing) * 4);
 }
 .rs-message.rs-message-centered .rs-message-icon {
   align-self: center;
@@ -9214,7 +9185,6 @@ textarea.rs-input {
 .rs-message-icon {
   align-self: center;
   font-size: 0;
-  margin-inline-end: 10px;
 }
 .rs-message-icon .rs-icon {
   font-size: var(--rs-message-icon-size);
@@ -9523,14 +9493,12 @@ textarea.rs-input {
   text-decoration: underline;
 }
 .rs-nav-item:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-width: 2px;
   outline-offset: 0;
   z-index: 2;
 }
-.rs-theme-high-contrast .rs-nav-item:focus-visible {
-  outline-offset: 2px;
-}
 .rs-nav-item:active {
   color: var(--rs-navs-text-active);
 }
@@ -9778,28 +9746,18 @@ textarea.rs-input {
 .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
 .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
   z-index: 1;
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item:focus-visible,
 .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item.rs-navbar-item-focus,
 .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
 .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
-  outline-offset: 2px;
-}
-.rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item:focus-visible,
-.rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item.rs-navbar-item-focus,
-.rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
-.rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item:focus-visible,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item.rs-navbar-item-focus,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
-  outline-offset: 2px;
-}
 .rs-navbar-item,
 .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
   padding: 8px 12px;
@@ -9839,27 +9797,19 @@ textarea.rs-input {
 .rs-navbar-nav > .rs-dropdown-item:focus-visible,
 .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus,
 .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   z-index: 2;
 }
 .rs-theme-high-contrast .rs-navbar-brand:focus-visible,
 .rs-theme-high-contrast .rs-navbar-item:focus-visible,
 .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown-item:focus-visible {
-  outline-offset: 2px;
-}
-.rs-theme-high-contrast .rs-navbar-brand:focus-visible,
-.rs-theme-high-contrast .rs-navbar-item:focus-visible,
-.rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown-item:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-brand:focus-visible,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-item:focus-visible,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown-item:focus-visible {
-  outline-offset: 2px;
-}
 .rs-navbar-item,
 .rs-navbar-nav > .rs-dropdown,
 .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
@@ -9875,13 +9825,11 @@ textarea.rs-input {
   border: none;
 }
 .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
-  outline-offset: 2px;
-}
 .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle .rs-dropdown-toggle-caret {
   top: 8px;
   inset-inline-end: 12px;
@@ -10046,6 +9994,39 @@ textarea.rs-input {
 .rs-notification-error {
   --rs-notify-icon-color: var(--rs-state-error);
 }
+.rs-password-strength-meter {
+  --rs-password-strength-meter-color-low: var(--rs-color-red);
+  --rs-password-strength-meter-color-medium: var(--rs-color-orange);
+  --rs-password-strength-meter-color-high: var(--rs-color-green);
+  --rs-password-strength-meter-bg: var(--rs-gray-200);
+  margin-top: calc(var(--rs-spacing) * 2);
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+.rs-password-strength-meter-bar {
+  display: flex;
+  gap: var(--rs-spacing);
+  margin-bottom: var(--rs-spacing);
+  width: 100%;
+}
+.rs-password-strength-meter-segment {
+  flex: 1;
+  height: 6px;
+  border-radius: 2px;
+  background: var(--rs-password-strength-meter-bg);
+  transition: background 0.3s;
+}
+.rs-password-strength-meter-segment:where([data-active='true']) {
+  background: var(--rs-password-strength-meter-color-medium);
+}
+.rs-password-strength-meter-segment:where([data-active='true']):first-child {
+  background: var(--rs-password-strength-meter-color-low);
+}
+.rs-password-strength-meter-segment:where([data-active='true']):last-child {
+  background: var(--rs-password-strength-meter-color-high);
+}
 .rs-pagination-group {
   --pagination-group-gap: calc(var(--rs-spacing) * 2.5);
   display: flex;
@@ -10148,10 +10129,8 @@ textarea.rs-input {
   border-color: var(--rs-btn-default-border-color);
 }
 .rs-pagination-btn:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
-}
-.rs-theme-high-contrast .rs-pagination-btn:focus-visible {
-  outline-offset: 2px;
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-pagination-btn:hover {
   color: var(--rs-btn-default-hover-text);
@@ -10952,6 +10931,49 @@ textarea.rs-input {
   line-height: 0;
   font-size: var(--rs-progress-circle-font-size);
 }
+.rs-pin-input {
+  --rs-pin-input-size-lg: 42px;
+  --rs-pin-input-size-md: 36px;
+  --rs-pin-input-size-sm: 30px;
+  --rs-pin-input-size-xs: 24px;
+  --rs-pin-input-size: var(--rs-pin-input-size-md);
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+}
+.rs-pin-input-segment {
+  text-align: center;
+  width: var(--rs-pin-input-size);
+  caret-color: transparent;
+}
+.rs-pin-input-segment.rs-input-lg {
+  --rs-pin-input-size: var(--rs-pin-input-size-lg);
+}
+.rs-pin-input-segment.rs-input-md {
+  --rs-pin-input-size: var(--rs-pin-input-size-md);
+}
+.rs-pin-input-segment.rs-input-sm {
+  --rs-pin-input-size: var(--rs-pin-input-size-sm);
+}
+.rs-pin-input-segment.rs-input-xs {
+  --rs-pin-input-size: var(--rs-pin-input-size-xs);
+}
+.rs-pin-input-masked {
+  font-family: monospace;
+}
+.rs-pin-input-attached .rs-pin-input-segment:not(:first-child) {
+  margin-left: -1px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.rs-pin-input-attached .rs-pin-input-segment:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.rs-pin-input-attached .rs-pin-input-segment:focus {
+  z-index: 1;
+  position: relative;
+}
 .rs-radio {
   --rs-radio-size: 16px;
   position: relative;
@@ -10975,7 +10997,8 @@ textarea.rs-input {
   color: var(--rs-text-disabled);
 }
 .rs-radio [type='radio']:focus ~ .rs-radio-inner::before {
-  box-shadow: var(--rs-state-focus-shadow);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-radio-checker {
   position: relative;
@@ -11285,17 +11308,13 @@ textarea.rs-input {
 .rs-theme-high-contrast .rs-picker-select-menu-item:hover,
 .rs-theme-high-contrast .rs-picker-select-menu-item:focus,
 .rs-theme-high-contrast .rs-picker-select-menu-item.rs-picker-select-menu-item-focus {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-select-menu-item:hover,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-select-menu-item:focus,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-select-menu-item.rs-picker-select-menu-item-focus {
-  outline-offset: 2px;
-}
 .rs-picker-select-menu-item.rs-picker-select-menu-item-active {
   font-weight: bold;
   color: var(--rs-listbox-option-selected-text);
@@ -11390,21 +11409,17 @@ textarea.rs-input {
   outline: 0;
 }
 .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   z-index: 1;
 }
 .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
-  outline-offset: 2px;
-}
-.rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
-  outline-offset: 2px;
-}
 .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle-icon {
   font-size: var(--rs-font-size-sm);
 }
@@ -11424,21 +11439,17 @@ textarea.rs-input {
   border-width: 0 0 0 1px;
 }
 .rs-sidenav-nav .rs-sidenav-item:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   z-index: 1;
 }
 .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible {
-  outline-offset: 2px;
-}
-.rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible {
-  outline-offset: 2px;
-}
 .rs-sidenav-nav > .rs-dropdown .rs-dropdown-menu-item-focus,
 .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-active {
   font-weight: normal;
@@ -11465,32 +11476,23 @@ textarea.rs-input {
 }
 .rs-sidenav-nav > .rs-sidenav-item:focus-visible,
 .rs-sidenav-nav > .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
 }
-.rs-theme-high-contrast .rs-sidenav-nav > .rs-sidenav-item:focus-visible,
-.rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible {
-  outline-offset: 2px;
-}
 .rs-sidenav-nav > .rs-dropdown-focus .rs-sidenav-dropdown-toggle,
 .rs-sidenav-nav .rs-sidenav-dropdown-toggle:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   z-index: 2;
 }
 .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-sidenav-dropdown-toggle,
 .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-dropdown-toggle:focus-visible {
-  outline-offset: 2px;
-}
-.rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-sidenav-dropdown-toggle,
-.rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-dropdown-toggle:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-sidenav-dropdown-toggle,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-dropdown-toggle:focus-visible {
-  outline-offset: 2px;
-}
 .rs-sidenav-item {
   display: flex;
   align-items: center;
@@ -11504,14 +11506,12 @@ textarea.rs-input {
   text-decoration: none;
 }
 .rs-sidenav-item:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   z-index: 2;
 }
-.rs-theme-high-contrast .rs-sidenav-item:focus-visible {
-  outline-offset: 2px;
-}
 .rs-sidenav-header {
   padding: var(--rs-sidenav-header-p);
 }
@@ -11557,49 +11557,37 @@ textarea.rs-input {
 }
 .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
 .rs-sidenav-collapse-in .rs-dropdown-item-focus {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   background: none;
   z-index: 2;
 }
 .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
 .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus {
-  outline-offset: 2px;
-}
-.rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
-.rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus {
-  outline-offset: 2px;
-}
 .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu,
 .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu {
   box-shadow: none;
 }
 .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
 .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   z-index: 2;
 }
 .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
 .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
-  outline-offset: 2px;
-}
-.rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
-.rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
-  outline-offset: 2px;
-}
 .rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu),
 .rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
   overflow: hidden;
@@ -11675,22 +11663,16 @@ textarea.rs-input {
 }
 .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
 .rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
-}
-.rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
-.rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible {
-  outline-offset: 2px;
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
 .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible {
-  outline-offset: 2px;
-}
 .rs-sidenav-collapse-out .rs-sidenav-item-title {
   display: none;
 }
@@ -12068,6 +12050,8 @@ textarea.rs-input {
 .rs-slider-graduator ol,
 .rs-slider-graduator li {
   list-style: none;
+  margin: 0;
+  padding: 0;
 }
 .rs-slider-graduator > ol {
   display: flex;
@@ -13335,12 +13319,8 @@ textarea.rs-input {
   box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb);
 }
 .rs-toggle-input:focus-visible + .rs-toggle-track {
-  outline: 3px solid var(--rs-color-focus-ring);
-}
-.rs-theme-high-contrast .rs-toggle-input:focus-visible + .rs-toggle-track {
-  outline-offset: 2px;
-}
-.rs-theme-high-contrast .rs-toggle-input:focus-visible + .rs-toggle-track {
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb), var(--rs-state-focus-shadow);
 }
 .rs-toggle-track:hover {
@@ -13625,10 +13605,8 @@ textarea.rs-input {
   align-items: center;
 }
 .rs-tree-node:focus-visible .rs-tree-node-label {
-  outline: 3px solid var(--rs-color-focus-ring);
-}
-.rs-theme-high-contrast .rs-tree-node:focus-visible .rs-tree-node-label {
-  outline-offset: 2px;
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-tree-node-label {
   position: relative;
@@ -13648,17 +13626,13 @@ textarea.rs-input {
 .rs-theme-high-contrast .rs-tree-node-label:hover,
 .rs-theme-high-contrast .rs-tree-node-label:focus,
 .rs-theme-high-contrast .rs-tree-node-label.rs-tree-node-label-focus {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node-label:hover,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node-label:focus,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node-label.rs-tree-node-label-focus {
-  outline-offset: 2px;
-}
 .rs-tree-node-label::after {
   content: '';
   position: absolute;
@@ -13933,10 +13907,8 @@ textarea.rs-input {
   border-color: var(--rs-btn-default-border-color);
 }
 .rs-uploader-picture .rs-uploader-trigger-btn:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
-}
-.rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn:focus-visible {
-  outline-offset: 2px;
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-uploader-picture .rs-uploader-trigger-btn:hover {
   color: var(--rs-btn-default-hover-text);
@@ -14321,14 +14293,17 @@ textarea.rs-input {
   pointer-events: none;
 }
 .rs-rate {
-  --rate-font-size-xs: var(--rs-font-size-lg);
-  --rate-font-size-sm: var(--rs-font-size-2xl);
-  --rate-font-size-md: var(--rs-font-size-3xl);
-  --rate-font-size-lg: var(--rs-font-size-4xl);
+  --rs-rate-size-xs: var(--rs-font-size-lg);
+  --rs-rate-size-sm: var(--rs-font-size-2xl);
+  --rs-rate-size-md: var(--rs-font-size-3xl);
+  --rs-rate-size-lg: var(--rs-font-size-4xl);
+  --rs-rate-size-xl: var(--rs-font-size-5xl);
+  --rs-rate-size: var(--rs-rate-size-md);
+  --rs-rate-before-size: 50%;
   position: relative;
   display: inline-flex;
-  color: var(--rs-rate-symbol-checked);
-  font-size: var(--rate-font-size, var(--rate-font-size-md));
+  color: var(--rs-rate-color);
+  font-size: var(--rs-rate-size);
   list-style: none;
   vertical-align: middle;
   margin: 0;
@@ -14342,12 +14317,14 @@ textarea.rs-input {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  width: var(--rate-font-size);
-  height: var(--rate-font-size);
+  width: -moz-max-content;
+  width: max-content;
+  height: -moz-max-content;
+  height: max-content;
 }
 .rs-rate-character-before {
   position: absolute;
-  width: 50%;
+  width: var(--rs-rate-before-size);
   height: 100%;
   overflow: hidden;
   opacity: 0;
@@ -14369,78 +14346,86 @@ textarea.rs-input {
 .rs-rate-character-after > .rs-icon {
   font-size: inherit;
 }
-.rs-rate-character-half .rs-rate-character-before {
+.rs-rate-character:where([data-status='half']) .rs-rate-character-before,
+.rs-rate-character:where([data-status='frac']) .rs-rate-character-before {
   opacity: 1;
   filter: none;
 }
-.rs-rate-character-full .rs-rate-character-after {
+.rs-rate-character:where([data-status='full']) .rs-rate-character-after {
   color: inherit;
   filter: none;
 }
-.rs-rate-character-full .rs-rate-character-after > .rs-icon {
+.rs-rate-character:where([data-status='full']) .rs-rate-character-after > .rs-icon {
   fill: currentColor;
 }
 .rs-rate-character-vertical {
   width: 100%;
-  height: 50%;
+  height: var(--rs-rate-before-size);
   flex-direction: column-reverse;
   bottom: 0;
 }
 .rs-rate-character .rs-icon,
 .rs-rate-character svg {
-  position: absolute;
   height: 1em;
   width: 1em;
 }
-.rs-rate:not(.rs-rate-readonly).rs-rate:not(.rs-rate-disabled) .rs-rate-character:hover {
+.rs-rate-character-before .rs-icon,
+.rs-rate-character-before svg {
+  position: absolute;
+}
+.rs-rate-character:hover {
   transform: scale(1.1);
 }
-.rs-rate:not(.rs-rate-readonly).rs-rate:not(.rs-rate-disabled) .rs-rate-character:active {
+.rs-rate-character:active {
   transform: scale(1);
 }
-.rs-rate-disabled {
+.rs-rate:where([data-disabled='true']) {
+  cursor: not-allowed;
   opacity: 0.5;
   outline: none;
 }
-.rs-rate-disabled .rs-rate-character {
-  cursor: not-allowed;
+.rs-rate:where([data-disabled='true']) .rs-rate-character {
+  pointer-events: none;
 }
-.rs-rate-readonly .rs-rate-character {
+.rs-rate:where([data-readonly='true']) .rs-rate-character {
   cursor: default;
   pointer-events: none;
 }
+.rs-rate.rs-rate-xl {
+  --rs-rate-size: var(--rs-rate-size-xl);
+}
 .rs-rate.rs-rate-lg {
-  --rate-font-size: var(--rate-font-size-lg);
+  --rs-rate-size: var(--rs-rate-size-lg);
 }
 .rs-rate.rs-rate-md {
-  --rate-font-size: var(--rate-font-size-md);
+  --rs-rate-size: var(--rs-rate-size-md);
 }
 .rs-rate.rs-rate-sm {
-  --rate-font-size: var(--rate-font-size-sm);
+  --rs-rate-size: var(--rs-rate-size-sm);
 }
 .rs-rate.rs-rate-xs {
-  --rate-font-size: var(--rate-font-size-xs);
+  --rs-rate-size: var(--rs-rate-size-xs);
 }
 .rs-rate.rs-rate-red {
-  --rs-rate-symbol-checked: var(--rs-red-500);
+  --rs-rate-color: var(--rs-red-500);
 }
 .rs-rate.rs-rate-orange {
-  --rs-rate-symbol-checked: var(--rs-orange-500);
+  --rs-rate-color: var(--rs-orange-500);
 }
 .rs-rate.rs-rate-yellow {
-  --rs-rate-symbol-checked: var(--rs-yellow-500);
+  --rs-rate-color: var(--rs-yellow-500);
 }
 .rs-rate.rs-rate-green {
-  --rs-rate-symbol-checked: var(--rs-green-500);
+  --rs-rate-color: var(--rs-green-500);
 }
 .rs-rate.rs-rate-cyan {
-  --rs-rate-symbol-checked: var(--rs-cyan-500);
+  --rs-rate-color: var(--rs-cyan-500);
 }
 .rs-rate.rs-rate-blue {
-  --rs-rate-symbol-checked: var(--rs-blue-500);
+  --rs-rate-color: var(--rs-blue-500);
 }
 .rs-rate.rs-rate-violet {
-  --rs-rate-symbol-checked: var(--rs-violet-500);
+  --rs-rate-color: var(--rs-violet-500);
 }
 .rs-toast {
   --rs-toast-shadow: var(--rs-shadow-md);
@@ -14896,15 +14881,6 @@ kbd.rs-text {
 .rs-btn-close .rs-icon {
   vertical-align: bottom;
 }
-.rs-btn-close:hover,
-.rs-btn-close:focus {
-  color: var(--rs-close-button-hover-color);
-}
-.rs-btn-close:hover svg path,
-.rs-btn-close:focus svg path {
-  stroke: var(--rs-close-button-hover-color);
-  stroke-width: 1;
-}
 .rs-picker {
   --rs-picker-value-count-border-radius: var(--rs-radius-full);
   --rs-picker-value-count-padding: calc(var(--rs-spacing) * 1.5);
@@ -14913,6 +14889,7 @@ kbd.rs-text {
   --rs-picker-loader-size: 20px;
   --rs-picker-toggle-border-width: 1px;
   --rs-picker-toggle-bg: var(--rs-input-bg);
+  --rs-picker-toggle-border-color: var(--rs-border-primary);
   display: inline-block;
   vertical-align: middle;
   max-width: 100%;
@@ -14932,6 +14909,9 @@ kbd.rs-text {
 .rs-picker[data-disabled='true'] .rs-picker-value-count {
   opacity: 0.5;
 }
+.rs-picker[data-disabled='true'] .rs-picker-toggle {
+  pointer-events: none;
+}
 .rs-picker-toggle .rs-picker-toggle-placeholder {
   color: var(--rs-text-secondary);
 }
@@ -14954,13 +14934,14 @@ kbd.rs-text {
 .rs-picker-value-separator {
   margin: 0 var(--rs-spacing) 0 0;
 }
-.rs-picker:not([data-disabled='true']):hover,
 .rs-picker.rs-picker-focused {
   border-color: var(--rs-input-focus-border);
 }
 .rs-picker-toggle-active,
 .rs-picker.rs-picker-focused {
-  box-shadow: var(--rs-state-focus-shadow);
+  --rs-picker-toggle-border-color: var(--rs-input-focus-border);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-picker-label.rs-input-group-addon {
   color: var(--rs-text-primary);
@@ -15072,12 +15053,13 @@ kbd.rs-text {
 }
 [data-variant='default'] .rs-picker-toggle {
   color: var(--rs-text-primary);
-  border: var(--rs-picker-toggle-border-width) solid var(--rs-border-primary);
+  border-width: var(--rs-picker-toggle-border-width);
+  border-color: var(--rs-picker-toggle-border-color);
+  border-style: solid;
 }
 [data-disabled='true'] .rs-picker-toggle {
   cursor: not-allowed;
 }
-.rs-picker-toggle [data-variant='default']:not([data-disabled='true']):hover,
 .rs-picker-toggle [data-variant='default']:not([data-disabled='true']):focus {
   border-color: var(--rs-input-focus-border);
 }
@@ -15089,12 +15071,10 @@ kbd.rs-text {
 .rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle {
   cursor: not-allowed;
 }
-.rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle:hover,
 .rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle:focus,
 .rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle:active {
   background: none;
 }
-.rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle:hover::after,
 .rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle:focus::after,
 .rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle:active::after {
   display: none;
@@ -15147,12 +15127,7 @@ kbd.rs-text {
 .rs-theme-high-contrast .rs-picker-toggle {
   transition: none;
 }
-.rs-picker-toggle .rs-picker[data-variant='default']:hover,
-:not([data-disabled='true']) .rs-picker-toggle:hover,
-.rs-picker-toggle .rs-picker[data-variant='default']:focus,
-:not([data-disabled='true']) .rs-picker-toggle:focus,
-.rs-picker-toggle .rs-picker[data-variant='default']-active,
-:not([data-disabled='true']) .rs-picker-toggle-active {
+.rs-picker-toggle .rs-picker[data-variant='default']:focus {
   border-color: var(--rs-input-focus-border);
 }
 .rs-picker[data-variant='subtle'] .rs-picker-toggle {
@@ -15225,15 +15200,13 @@ kbd.rs-text {
   align-items: center;
 }
 .rs-picker-toggle-indicator .rs-picker-clean {
-  display: inline-flex;
-  align-items: center;
-  height: 20px;
-  font-size: var(--rs-font-size-sm);
-  background: inherit;
   color: var(--rs-text-secondary);
   transition: 0.2s color linear;
   cursor: pointer;
 }
+.rs-picker-toggle-indicator .rs-picker-clean:hover {
+  color: var(--rs-text-primary);
+}
 .rs-picker-toggle-indicator .rs-picker-clean.rs-btn-close {
   padding: 0;
 }
@@ -15271,17 +15244,13 @@ kbd.rs-text {
 .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover,
 .rs-theme-high-contrast .rs-check-item:focus,
 .rs-theme-high-contrast .rs-check-item.rs-check-item-focus {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-check-item:focus,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-check-item.rs-check-item-focus {
-  outline-offset: 2px;
-}
 .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover .rs-check-tree-node-text-wrapper,
 .rs-theme-high-contrast .rs-check-item:focus .rs-check-tree-node-text-wrapper,
 .rs-theme-high-contrast .rs-check-item.rs-check-item-focus .rs-check-tree-node-text-wrapper {
@@ -15480,3 +15449,60 @@ kbd.rs-text {
     display: none !important;
   }
 }
+.rs-burger {
+  --rs-burger-size: 36px;
+  --rs-burger-thickness: 2px;
+  --rs-burger-color: currentColor;
+  --rs-burger-spacing: calc(var(--rs-spacing) * 1.5);
+  --rs-burger-line-size: calc(var(--rs-burger-size) - var(--rs-burger-spacing) * 2);
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  outline: none;
+  transition: background 0.2s;
+  box-sizing: border-box;
+  width: var(--rs-burger-size);
+  height: var(--rs-burger-size);
+  padding: var(--rs-burger-spacing);
+}
+.rs-burger-line {
+  position: relative;
+  display: block;
+  width: var(--rs-burger-line-size);
+  height: var(--rs-burger-thickness);
+  background: var(--rs-burger-color);
+  border-radius: var(--rs-burger-thickness);
+  transition-property: background, transform;
+  transition-duration: 0.2s, 0.3s;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  pointer-events: none;
+}
+.rs-burger-line::before,
+.rs-burger-line::after {
+  content: '';
+  position: absolute;
+  display: block;
+  inset-inline-start: 0;
+  width: 100%;
+  height: var(--rs-burger-thickness);
+  background: var(--rs-burger-color);
+  border-radius: var(--rs-burger-thickness);
+  transition-property: transform;
+  transition-duration: 0.3s;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+.rs-burger-line::before {
+  top: calc(var(--rs-burger-line-size) / -3);
+}
+.rs-burger-line::after {
+  top: calc(var(--rs-burger-line-size) / 3);
+}
+.rs-burger:where([data-opened='true']) .rs-burger-line {
+  background: transparent;
+}
+.rs-burger:where([data-opened='true']) .rs-burger-line::before {
+  transform: translateY(calc(var(--rs-burger-line-size) / 3)) rotate(45deg);
+}
+.rs-burger:where([data-opened='true']) .rs-burger-line::after {
+  transform: translateY(calc(var(--rs-burger-line-size) / -3)) rotate(-45deg);
+}