@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/esm/styles/index.css

@@ -1,4 +1,5 @@
 :root, :host {
+  --leaf-color-option-hover: #ebebeb;
   --leaf-color-primary-text-80: #206f42;
   --leaf-color-success-text-80: #206f42;
   --leaf-color-warning-text-80: #8d671c;
@@ -131,7 +132,7 @@
   --leaf-color-warning: #faad14;
   --leaf-color-info: #1677ff;
   --leaf-color-success: #20834a;
-  --leaf-control-height: 40px;
+  --leaf-control-height: 36px;
   --leaf-density-form-gap: 24px;
   --leaf-density-label-gap: 6px;
   --leaf-density-row-padding: 12px;
@@ -141,8 +142,6 @@
   --leaf-density-dialog-block: 20px;
   --leaf-density-dialog-inline: 24px;
   --leaf-density-dialog-gap: 16px;
-  --leaf-control-height-sm: max(1px, calc(var(--leaf-control-height) - 6px));
-  --leaf-control-height-lg: calc(var(--leaf-control-height) + 6px);
   --leaf-z-index-popup: 1000;
   --leaf-z-index-modal: 1100;
   --leaf-z-index-message: 1200;
@@ -168,6 +167,7 @@
 }
 
 [data-leaf-theme="light"] {
+  --leaf-color-option-hover: #ebebeb;
   --leaf-color-primary-text-80: #206f42;
   --leaf-color-success-text-80: #206f42;
   --leaf-color-warning-text-80: #8d671c;
@@ -311,6 +311,7 @@
 }
 
 [data-leaf-theme="dark"] {
+  --leaf-color-option-hover: #2f2f33;
   --leaf-color-primary-text-80: #98d5ae;
   --leaf-color-success-text-80: #98d5ae;
   --leaf-color-warning-text-80: #fbcd61;
@@ -455,11 +456,6 @@
 
 :root, :host {
   --leaf-spacing: 8px;
-  --leaf-spacing-xs: calc(var(--leaf-spacing) * .5);
-  --leaf-spacing-sm: var(--leaf-spacing);
-  --leaf-spacing-md: calc(var(--leaf-spacing) * 2);
-  --leaf-spacing-lg: calc(var(--leaf-spacing) * 3);
-  --leaf-spacing-xl: calc(var(--leaf-spacing) * 4);
   --leaf-line-height: 1.6;
   --leaf-heading-weight: 600;
   --leaf-shadow-xs: 0 1px 2px #0000000f, 0 0 0 1px #00000005;
@@ -469,6 +465,13 @@
 }
 
 :root, :host, [data-leaf-scope] {
+  --leaf-spacing-xs: calc(var(--leaf-spacing) * .5);
+  --leaf-spacing-sm: var(--leaf-spacing);
+  --leaf-spacing-md: calc(var(--leaf-spacing) * 2);
+  --leaf-spacing-lg: calc(var(--leaf-spacing) * 3);
+  --leaf-spacing-xl: calc(var(--leaf-spacing) * 4);
+  --leaf-control-height-sm: max(1px, calc(var(--leaf-control-height) - 6px));
+  --leaf-control-height-lg: calc(var(--leaf-control-height) + 6px);
   --leaf-motion-fast: calc(var(--leaf-motion-duration) * .6);
   --leaf-motion-slow: calc(var(--leaf-motion-duration) * 1.6);
   --leaf-color-text-subtle: var(--leaf-color-text-muted-surface-92);
@@ -540,7 +543,7 @@
   appearance: none;
   transition: background-color var(--leaf-motion-duration) var(--leaf-motion-easing),border-color var(--leaf-motion-duration) var(--leaf-motion-easing),color var(--leaf-motion-duration) var(--leaf-motion-easing),box-shadow var(--leaf-motion-duration) var(--leaf-motion-easing),opacity var(--leaf-motion-duration) var(--leaf-motion-easing);
   --leaf-current-font-size: var(--leaf-font-size);
-  --leaf-current-control-height: var(--leaf-control-height, 40px);
+  --leaf-current-control-height: var(--leaf-control-height, 36px);
   border: 1px solid #0000;
   line-height: 1.5;
   text-decoration: none;
@@ -809,6 +812,67 @@
   padding: 0;
 }
 
+.leaf-split-button {
+  isolation: isolate;
+}
+
+.leaf-split-button.leaf-button-group--attached > .leaf-button {
+  z-index: 1;
+}
+
+.leaf-split-button > .leaf-button--outline {
+  --leaf-split-button-divider-color: var(--leaf-component-button-border-color, var(--leaf-color-border));
+}
+
+.leaf-split-button > .leaf-button--outline.leaf-button--danger {
+  --leaf-split-button-divider-color: var(--leaf-component-button-border-color, var(--leaf-button-border));
+}
+
+.leaf-split-button > .leaf-button--outline:first-child {
+  border-inline-end-color: var(--leaf-split-button-divider-color);
+}
+
+.leaf-split-button > .leaf-button--outline:not(:first-child) {
+  border-inline-start-color: var(--leaf-split-button-divider-color);
+}
+
+.leaf-split-button > .leaf-button + .leaf-button:not(.leaf-button--outline) {
+  margin-inline-start: 0;
+}
+
+.leaf-split-button > .leaf-button + .leaf-button:before {
+  content: "";
+  z-index: 2;
+  background: var(--leaf-component-button-border-color, var(--leaf-color-border));
+  pointer-events: none;
+  width: 1px;
+  position: absolute;
+  inset-block: 22%;
+  inset-inline-start: 0;
+}
+
+.leaf-split-button > .leaf-button + .leaf-button.leaf-button--solid:before {
+  background: color-mix(in srgb, var(--leaf-button-on-color) 32%, transparent);
+}
+
+.leaf-split-button > .leaf-button + .leaf-button.leaf-button--outline:before {
+  display: none;
+}
+
+.leaf-split-button > .leaf-button + .leaf-button.leaf-button--link {
+  margin-inline-start: 8px;
+}
+
+.leaf-split-button > .leaf-button + .leaf-button.leaf-button--link:before {
+  inset-inline-start: -4px;
+}
+
+@media (forced-colors: active) {
+  .leaf-split-button > .leaf-button + .leaf-button:before, .leaf-split-button > .leaf-button + .leaf-button.leaf-button--solid:before {
+    background: buttontext;
+  }
+}
+
 .leaf-button {
   --leaf-current-control-height: var(--leaf-component-button-height, var(--leaf-control-height));
   --leaf-current-font-size: var(--leaf-component-button-font-size, var(--leaf-font-size));
@@ -826,7 +890,7 @@
 
 .leaf-input {
   --leaf-current-font-size: var(--leaf-font-size);
-  --leaf-current-control-height: var(--leaf-control-height, 40px);
+  --leaf-current-control-height: var(--leaf-control-height, 36px);
 }
 
 .leaf-input {
@@ -1066,7 +1130,7 @@
 
 .leaf-textarea {
   --leaf-current-font-size: var(--leaf-font-size);
-  --leaf-current-control-height: var(--leaf-control-height, 40px);
+  --leaf-current-control-height: var(--leaf-control-height, 36px);
 }
 
 .leaf-textarea {
@@ -1185,16 +1249,16 @@
 
 .leaf-checkbox {
   --leaf-current-font-size: var(--leaf-font-size);
-  --leaf-current-control-height: var(--leaf-control-height, 40px);
+  --leaf-current-control-height: var(--leaf-control-height, 36px);
 }
 
 .leaf-checkbox--sm {
-  --leaf-current-control-height: var(--leaf-control-height-sm, 34px);
+  --leaf-current-control-height: var(--leaf-control-height-sm, 30px);
   --leaf-current-font-size: var(--leaf-font-size-sm, 12px);
 }
 
 .leaf-checkbox--lg {
-  --leaf-current-control-height: var(--leaf-control-height-lg, 46px);
+  --leaf-current-control-height: var(--leaf-control-height-lg, 42px);
   --leaf-current-font-size: var(--leaf-font-size-lg, 16px);
 }
 
@@ -1525,16 +1589,16 @@
 
 .leaf-radio {
   --leaf-current-font-size: var(--leaf-font-size);
-  --leaf-current-control-height: var(--leaf-control-height, 40px);
+  --leaf-current-control-height: var(--leaf-control-height, 36px);
 }
 
 .leaf-radio--sm {
-  --leaf-current-control-height: var(--leaf-control-height-sm, 34px);
+  --leaf-current-control-height: var(--leaf-control-height-sm, 30px);
   --leaf-current-font-size: var(--leaf-font-size-sm, 12px);
 }
 
 .leaf-radio--lg {
-  --leaf-current-control-height: var(--leaf-control-height-lg, 46px);
+  --leaf-current-control-height: var(--leaf-control-height-lg, 42px);
   --leaf-current-font-size: var(--leaf-font-size-lg, 16px);
 }
 
@@ -1846,16 +1910,16 @@
 
 .leaf-switch {
   --leaf-current-font-size: var(--leaf-font-size);
-  --leaf-current-control-height: var(--leaf-control-height, 40px);
+  --leaf-current-control-height: var(--leaf-control-height, 36px);
 }
 
 .leaf-switch--sm {
-  --leaf-current-control-height: var(--leaf-control-height-sm, 34px);
+  --leaf-current-control-height: var(--leaf-control-height-sm, 30px);
   --leaf-current-font-size: var(--leaf-font-size-sm, 12px);
 }
 
 .leaf-switch--lg {
-  --leaf-current-control-height: var(--leaf-control-height-lg, 46px);
+  --leaf-current-control-height: var(--leaf-control-height-lg, 42px);
   --leaf-current-font-size: var(--leaf-font-size-lg, 16px);
 }
 
@@ -2122,9 +2186,141 @@
   }
 }
 
+.leaf-selection {
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 4px 6px;
+  width: 100%;
+  min-width: 0;
+  display: flex;
+}
+
+.leaf-selection__input {
+  flex: 1;
+  min-width: 24px;
+  display: flex;
+}
+
+.leaf-selection__tag {
+  box-sizing: border-box;
+  min-width: 0;
+  max-width: 100%;
+  height: calc(var(--leaf-current-control-height) - 8px);
+  border-radius: var(--leaf-radius-sm);
+  background: var(--leaf-color-surface-muted);
+  box-shadow: inset 0 0 0 1px var(--leaf-color-divider);
+  font-size: var(--leaf-font-size-sm);
+  white-space: nowrap;
+  flex: 0 auto;
+  align-items: center;
+  gap: 4px;
+  padding: 0 7px;
+  line-height: 1.5;
+  display: inline-flex;
+}
+
+.leaf-selection__tag[hidden] {
+  display: none;
+}
+
+.leaf-selection__tag > span:not(.leaf-selection__sr) {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.leaf-selection__tag > button {
+  width: 18px;
+  height: 18px;
+  color: var(--leaf-color-text-muted);
+  cursor: pointer;
+  transition: color var(--leaf-motion-fast),background-color var(--leaf-motion-fast);
+  background: none;
+  border: 0;
+  border-radius: 3px;
+  flex: none;
+  place-items: center;
+  padding: 0;
+  display: grid;
+}
+
+.leaf-selection__tag > button:hover {
+  color: var(--leaf-color-text);
+  background: var(--leaf-color-border);
+}
+
+.leaf-selection__tag[data-custom] {
+  box-shadow: none;
+  background: none;
+  padding: 0;
+}
+
+.leaf-selection__tag[data-custom] > * {
+  max-width: 100%;
+}
+
+.leaf-selection[data-single-line] {
+  flex-wrap: nowrap;
+  overflow: clip;
+}
+
+.leaf-selection[data-single-line] > .leaf-selection__tag {
+  flex: none;
+}
+
+.leaf-selection[data-single-line] > .leaf-selection__tag:first-child {
+  max-width: var(--leaf-selection-first-width, 100%);
+}
+
+.leaf-selection[data-single-line] .leaf-selection__input {
+  flex: 1 0 var(--leaf-selection-input-width, 24px);
+  min-width: 0;
+}
+
+.leaf-selection[data-single-line] .leaf-selection__input > * {
+  min-width: 0;
+}
+
+.leaf-selection[data-single-line][data-measuring] > .leaf-selection__tag {
+  width: max-content;
+  max-width: none;
+  display: inline-flex;
+}
+
+.leaf-selection__measure {
+  visibility: hidden;
+  pointer-events: none;
+  white-space: pre;
+  width: 0;
+  height: 0;
+  position: fixed;
+  overflow: hidden;
+}
+
+.leaf-selection__measure > * {
+  width: max-content;
+  max-width: none;
+}
+
+.leaf-selection__sr {
+  clip-path: inset(50%);
+  white-space: nowrap;
+  width: 1px;
+  height: 1px;
+  position: absolute;
+  overflow: hidden;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .leaf-selection__tag > button {
+    transition: none;
+  }
+}
+
 .leaf-select {
   --leaf-current-font-size: var(--leaf-font-size);
-  --leaf-current-control-height: var(--leaf-control-height, 40px);
+  --leaf-current-control-height: var(--leaf-control-height, 36px);
 }
 
 .leaf-select {
@@ -2215,15 +2411,6 @@
   padding-inline-end: 54px;
 }
 
-.leaf-select__content {
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 3px;
-  width: 100%;
-  min-width: 0;
-  display: flex;
-}
-
 .leaf-select__input-wrap {
   flex: 1;
   min-width: 24px;
@@ -2305,19 +2492,10 @@
   flex: none;
 }
 
-.leaf-select__panel[data-hover-motion] .leaf-floating__highlight, .leaf-select__panel[data-hover-motion] .leaf-floating__option[aria-selected="true"] {
-  background: var(--leaf-color-primary-surface-9);
-}
-
 .leaf-select__panel[data-hover-motion] .leaf-floating__highlight {
   border-color: #0000;
 }
 
-.leaf-select__option-label {
-  overflow-wrap: anywhere;
-  min-width: 0;
-}
-
 .leaf-select__check {
   opacity: 0;
   transition: opacity var(--leaf-motion-fast) var(--leaf-motion-easing),transform var(--leaf-motion-duration) var(--leaf-motion-spring);
@@ -2345,46 +2523,7 @@
 
 .leaf-select--multiple .leaf-select__input {
   height: calc(var(--leaf-current-control-height) - 8px);
-  min-width: 28px;
-}
-
-.leaf-select__tag {
-  border-radius: var(--leaf-radius-sm);
-  background: var(--leaf-color-surface-muted);
-  max-width: 100%;
-  box-shadow: inset 0 0 0 1px var(--leaf-color-divider);
-  font-size: var(--leaf-font-size-sm);
-  align-items: center;
-  gap: 4px;
-  padding: 1px 6px;
-  display: inline-flex;
-}
-
-.leaf-select__tag > span {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-.leaf-select__tag > button {
-  color: var(--leaf-color-text-muted);
-  cursor: pointer;
-  transition: color var(--leaf-motion-fast) var(--leaf-motion-easing),background-color var(--leaf-motion-fast) var(--leaf-motion-easing),transform var(--leaf-motion-fast) var(--leaf-motion-spring);
-  background: none;
-  border: 0;
-  border-radius: 2px;
-  align-items: center;
-  padding: 1px;
-  display: inline-flex;
-}
-
-.leaf-select__tag > button:hover {
-  color: var(--leaf-color-text);
-  background: var(--leaf-color-border);
-}
-
-.leaf-select__tag > button:active {
-  transform: scale(.85);
+  min-width: 0;
 }
 
 @keyframes leaf-select-spin {
@@ -2540,6 +2679,7 @@
   width: 100%;
   min-height: var(--leaf-density-option-height);
   padding: var(--leaf-density-option-padding) var(--leaf-density-field-padding);
+  padding-block: min(var(--leaf-density-option-padding),max(0px,(var(--leaf-density-option-height) - 1.4em)/2));
   border-radius: var(--leaf-floating-option-radius, var(--leaf-radius-sm));
   color: inherit;
   font: inherit;
@@ -2558,18 +2698,14 @@
   margin-top: 2px;
 }
 
-.leaf-floating__option:hover:not(:disabled):not([aria-disabled="true"]):not([aria-selected="true"]), .leaf-floating__option[data-highlighted="true"]:not([aria-disabled="true"]):not([aria-selected="true"]) {
-  background: var(--leaf-color-surface-muted);
-}
-
-.leaf-floating__option:active:not(:disabled):not([aria-disabled="true"]):not([aria-selected="true"]) {
-  background: var(--leaf-color-text-alpha-9);
+.leaf-floating__option:hover:not(:disabled):not([aria-disabled="true"]):not([aria-selected="true"]):not([aria-checked="true"]), .leaf-floating__option:focus-visible:not(:disabled):not([aria-disabled="true"]):not([aria-selected="true"]):not([aria-checked="true"]), .leaf-floating__option[data-highlighted="true"]:not([aria-disabled="true"]):not([aria-selected="true"]):not([aria-checked="true"]), .leaf-floating__option:active:not(:disabled):not([aria-disabled="true"]):not([aria-selected="true"]):not([aria-checked="true"]) {
+  background: var(--leaf-color-option-hover);
 }
 
 .leaf-floating__option[aria-selected="true"] {
   color: var(--leaf-color-primary);
   font-weight: var(--leaf-font-weight);
-  background: var(--leaf-color-primary-alpha-9);
+  background: var(--leaf-color-primary-surface-9);
 }
 
 .leaf-floating__option:disabled, .leaf-floating__option[aria-disabled="true"] {
@@ -2583,6 +2719,17 @@
   outline-offset: -2px;
 }
 
+.leaf-floating__option-label {
+  overflow-wrap: anywhere;
+  min-width: 0;
+}
+
+.leaf-floating__options {
+  flex-direction: column;
+  gap: 2px;
+  display: flex;
+}
+
 @media (prefers-reduced-motion: reduce) {
   .leaf-floating__option {
     transition: none;
@@ -2596,9 +2743,9 @@
   translate: var(--leaf-option-highlight-x, 0px) var(--leaf-option-highlight-y, 0px);
   border: 1px solid var(--leaf-color-border-alpha-55);
   border-radius: var(--leaf-floating-option-radius);
-  background: var(--leaf-color-text-alpha-9);
+  background: var(--leaf-color-option-hover);
   pointer-events: none;
-  transition: translate var(--leaf-motion-duration) var(--leaf-motion-spring),height var(--leaf-motion-fast) var(--leaf-motion-easing),width var(--leaf-motion-fast) var(--leaf-motion-easing);
+  transition: translate var(--leaf-motion-duration) var(--leaf-motion-spring),height var(--leaf-motion-fast) var(--leaf-motion-easing),width var(--leaf-motion-fast) var(--leaf-motion-easing),background-color var(--leaf-motion-fast) var(--leaf-motion-easing),border-color var(--leaf-motion-fast) var(--leaf-motion-easing);
   position: absolute;
   top: 0;
   left: 0;
@@ -2609,7 +2756,7 @@
 }
 
 .leaf-floating__highlight[data-selected] {
-  background: var(--leaf-color-primary-alpha-9);
+  background: var(--leaf-color-primary-surface-9);
   border-color: var(--leaf-color-primary-alpha-15);
 }
 
@@ -2618,7 +2765,21 @@
   position: relative;
 }
 
-.leaf-floating[data-hover-motion] .leaf-floating__option:hover:not(:disabled):not([aria-disabled="true"]):not([aria-selected="true"]), .leaf-floating[data-hover-motion] .leaf-floating__option[data-highlighted]:not([aria-disabled="true"]):not([aria-selected="true"]), .leaf-autocomplete__panel[data-hover-motion] .leaf-floating__option[aria-selected="true"] {
+.leaf-floating[data-hover-motion] .leaf-floating__option:hover:not(:disabled):not([aria-disabled="true"]):not([aria-selected="true"]), .leaf-floating[data-hover-motion] .leaf-floating__option:focus-visible:not(:disabled):not([aria-disabled="true"]):not([aria-selected="true"]), .leaf-floating[data-hover-motion] .leaf-floating__option[data-highlighted]:not([aria-disabled="true"]):not([aria-selected="true"]), .leaf-floating[data-hover-motion] .leaf-floating__option:active:not(:disabled):not([aria-disabled="true"]):not([aria-selected="true"]) {
+  background: none;
+}
+
+.leaf-floating[data-selection="candidate"] .leaf-floating__option[aria-selected="true"] {
+  color: inherit;
+  font-weight: inherit;
+  background: none;
+}
+
+.leaf-floating[data-selection="candidate"] .leaf-floating__option[aria-selected="true"]:not(:disabled):not([aria-disabled="true"]) {
+  background: var(--leaf-color-option-hover);
+}
+
+.leaf-floating[data-selection="candidate"][data-hover-motion] .leaf-floating__option[aria-selected="true"]:not(:disabled):not([aria-disabled="true"]) {
   background: none;
 }
 
@@ -2635,30 +2796,69 @@
   padding: 12px 10px;
 }
 
-.leaf-date-picker {
-  --leaf-current-font-size: var(--leaf-font-size);
-  --leaf-current-control-height: var(--leaf-control-height, 40px);
+.leaf-floating__empty--feedback {
+  box-sizing: border-box;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  min-height: 112px;
+  padding: 24px 16px;
+  display: flex;
 }
 
-.leaf-date-picker--sm {
-  --leaf-current-control-height: var(--leaf-control-height-sm, 34px);
-  --leaf-current-font-size: var(--leaf-font-size-sm, 12px);
+.leaf-floating__empty--feedback > svg {
+  flex: none;
 }
 
-.leaf-date-picker--lg {
-  --leaf-current-control-height: var(--leaf-control-height-lg, 46px);
-  --leaf-current-font-size: var(--leaf-font-size-lg, 16px);
+.leaf-floating__empty--feedback > div {
+  overflow-wrap: anywhere;
+  min-width: 0;
+  max-width: 100%;
 }
 
-.leaf-date-picker {
-  --leaf-field-color: var(--leaf-color-primary);
-  --leaf-field-color-alpha-12: var(--leaf-color-primary-alpha-12);
-  --leaf-field-color-border-30: var(--leaf-color-primary-border-30);
-  --leaf-field-hover-color: var(--leaf-color-border-hover, var(--leaf-field-color));
-  box-sizing: border-box;
-  border: 1px solid var(--leaf-color-border);
-  border-radius: var(--leaf-component-date-picker-radius, var(--leaf-radius));
-  width: 100%;
+.leaf-floating__loading-icon {
+  color: var(--leaf-color-primary);
+  animation: var(--leaf-motion-animation, leaf-floating-spin calc(var(--leaf-motion-duration) * 4) linear infinite);
+  animation-play-state: var(--leaf-motion-play-state, running);
+}
+
+@keyframes leaf-floating-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .leaf-floating__loading-icon {
+    animation: none;
+  }
+}
+
+.leaf-date-picker {
+  --leaf-current-font-size: var(--leaf-font-size);
+  --leaf-current-control-height: var(--leaf-control-height, 36px);
+}
+
+.leaf-date-picker--sm {
+  --leaf-current-control-height: var(--leaf-control-height-sm, 30px);
+  --leaf-current-font-size: var(--leaf-font-size-sm, 12px);
+}
+
+.leaf-date-picker--lg {
+  --leaf-current-control-height: var(--leaf-control-height-lg, 42px);
+  --leaf-current-font-size: var(--leaf-font-size-lg, 16px);
+}
+
+.leaf-date-picker {
+  --leaf-field-color: var(--leaf-color-primary);
+  --leaf-field-color-alpha-12: var(--leaf-color-primary-alpha-12);
+  --leaf-field-color-border-30: var(--leaf-color-primary-border-30);
+  --leaf-field-hover-color: var(--leaf-color-border-hover, var(--leaf-field-color));
+  box-sizing: border-box;
+  border: 1px solid var(--leaf-color-border);
+  border-radius: var(--leaf-component-date-picker-radius, var(--leaf-radius));
+  width: 100%;
   min-width: 0;
   color: var(--leaf-component-date-picker-color, var(--leaf-color-text));
   background: var(--leaf-component-date-picker-background, var(--leaf-color-surface));
@@ -2969,10 +3169,11 @@
 
 .leaf-time-picker__column .leaf-floating__option {
   z-index: 1;
+  padding: 5px 7px;
+  padding-block: min(5px,max(0px,(var(--leaf-density-option-height) - 1.4em)/2));
   font-variant-numeric: tabular-nums;
   justify-content: space-between;
   margin-top: 0;
-  padding: 5px 7px;
   position: relative;
 }
 
@@ -2987,7 +3188,7 @@
   translate: 0 var(--leaf-time-selection-y, 0px);
   border: 1px solid var(--leaf-color-primary-alpha-15);
   border-radius: var(--leaf-floating-option-radius);
-  background: var(--leaf-color-primary-alpha-9);
+  background: var(--leaf-color-primary-surface-9);
   pointer-events: none;
   transition: translate var(--leaf-motion-duration) var(--leaf-motion-spring),height var(--leaf-motion-fast) var(--leaf-motion-easing);
   position: absolute;
@@ -3016,16 +3217,16 @@
 
 .leaf-autocomplete {
   --leaf-current-font-size: var(--leaf-font-size);
-  --leaf-current-control-height: var(--leaf-control-height, 40px);
+  --leaf-current-control-height: var(--leaf-control-height, 36px);
 }
 
 .leaf-autocomplete--sm {
-  --leaf-current-control-height: var(--leaf-control-height-sm, 34px);
+  --leaf-current-control-height: var(--leaf-control-height-sm, 30px);
   --leaf-current-font-size: var(--leaf-font-size-sm, 12px);
 }
 
 .leaf-autocomplete--lg {
-  --leaf-current-control-height: var(--leaf-control-height-lg, 46px);
+  --leaf-current-control-height: var(--leaf-control-height-lg, 42px);
   --leaf-current-font-size: var(--leaf-font-size-lg, 16px);
 }
 
@@ -3127,37 +3328,16 @@
 }
 
 .leaf-autocomplete__panel .leaf-floating__option {
-  padding-inline-start: 14px;
-  position: relative;
-}
-
-.leaf-autocomplete__panel .leaf-floating__option:before {
-  content: "";
-  background: var(--leaf-color-primary);
-  opacity: 0;
-  width: 2px;
-  transition: opacity var(--leaf-motion-fast) var(--leaf-motion-easing),transform var(--leaf-motion-duration) var(--leaf-motion-spring);
-  border-radius: 2px;
-  position: absolute;
-  inset-block: 8px;
-  inset-inline-start: 5px;
-  transform: scaleY(.4);
-}
-
-.leaf-autocomplete__panel .leaf-floating__option[aria-selected="true"]:before {
-  opacity: 1;
-  transform: scaleY(1);
+  justify-content: space-between;
 }
 
-@media (prefers-reduced-motion: reduce) {
-  .leaf-autocomplete__panel .leaf-floating__option:before {
-    transition: none;
-  }
+.leaf-autocomplete__panel[data-hover-motion] .leaf-floating__highlight {
+  border-color: #0000;
 }
 
 .leaf-cascader {
   --leaf-current-font-size: var(--leaf-font-size);
-  --leaf-current-control-height: var(--leaf-control-height, 40px);
+  --leaf-current-control-height: var(--leaf-control-height, 36px);
 }
 
 .leaf-cascader {
@@ -3223,20 +3403,20 @@
 }
 
 .leaf-cascader {
-  height: var(--leaf-current-control-height);
+  min-height: var(--leaf-current-control-height);
   display: inline-flex;
   position: relative;
 }
 
 .leaf-cascader__trigger {
   box-sizing: border-box;
-  border-radius: inherit;
   width: 100%;
-  height: 100%;
+  min-height: calc(var(--leaf-current-control-height) - 2px);
+  border-radius: inherit;
   color: inherit;
   font: inherit;
   line-height: inherit;
-  text-align: left;
+  text-align: start;
   cursor: pointer;
   background: none;
   border: 0;
@@ -3265,6 +3445,7 @@
 .leaf-cascader__value {
   white-space: nowrap;
   text-overflow: ellipsis;
+  flex: 1;
   min-width: 0;
   overflow: hidden;
 }
@@ -3273,6 +3454,23 @@
   color: var(--leaf-color-text-muted);
 }
 
+.leaf-cascader--multiple .leaf-cascader__trigger {
+  padding-block: 3px;
+}
+
+.leaf-cascader--multiple .leaf-cascader__value {
+  white-space: normal;
+  overflow: visible;
+}
+
+.leaf-cascader--multiple .leaf-cascader__value[data-single-line] {
+  overflow: clip;
+}
+
+.leaf-cascader__search {
+  margin: 0 var(--leaf-cascader-column-padding, 4px) 8px;
+}
+
 .leaf-cascader__panel {
   width: max-content;
   max-width: min(560px, 100vw - 24px);
@@ -3449,6 +3647,7 @@
 .leaf-form-field__description {
   color: var(--leaf-color-text-muted);
   font-size: var(--leaf-font-size-sm);
+  overflow-wrap: anywhere;
   margin-top: 6px;
   line-height: 1.5;
 }
@@ -3721,6 +3920,7 @@
 
 .leaf-modal__footer {
   padding: var(--leaf-component-modal-padding, var(--leaf-density-dialog-block) var(--leaf-density-dialog-inline));
+  padding-block: var(--leaf-component-modal-padding-top, calc(var(--leaf-spacing) * 1.5)) var(--leaf-component-modal-padding-bottom, calc(var(--leaf-spacing) * 1.5));
   background: var(--leaf-component-modal-footer-background, transparent);
   border-end-end-radius: inherit;
   border-end-start-radius: inherit;
@@ -3739,10 +3939,9 @@
 }
 
 .leaf-modal--divided > .leaf-modal__footer {
+  padding-block: var(--leaf-component-modal-padding-top, calc(var(--leaf-spacing) * 1.5)) var(--leaf-component-modal-padding-bottom, calc(var(--leaf-spacing) * 1.5));
   border-block-start: 1px solid var(--leaf-dialog-divider);
   background: var(--leaf-component-modal-footer-background, var(--leaf-color-surface-muted));
-  padding-block-start: var(--leaf-dialog-padding-block);
-  padding-block-end: var(--leaf-dialog-padding-block);
 }
 
 @media (max-width: 480px) {
@@ -3799,11 +3998,6 @@
   padding: var(--leaf-component-modal-padding, var(--leaf-density-dialog-block) var(--leaf-density-dialog-inline));
 }
 
-.leaf-modal__footer {
-  --leaf-dialog-padding-block: var(--leaf-component-modal-padding-top, calc(var(--leaf-spacing) * 1.5));
-  padding-block-end: var(--leaf-dialog-padding-block);
-}
-
 .leaf-modal__close {
   width: 30px;
   height: 30px;
@@ -4150,7 +4344,7 @@
   position: relative;
 }
 
-.leaf-dropdown .leaf-floating__option:hover:not(:disabled):not([aria-disabled="true"]):not([aria-selected="true"]), .leaf-dropdown .leaf-floating__option:active:not(:disabled):not([aria-disabled="true"]):not([aria-selected="true"]) {
+.leaf-dropdown .leaf-floating__option:hover:not(:disabled):not([aria-disabled="true"]):not([aria-checked="true"]), .leaf-dropdown .leaf-floating__option:focus-visible:not(:disabled):not([aria-disabled="true"]):not([aria-checked="true"]), .leaf-dropdown .leaf-floating__option:active:not(:disabled):not([aria-disabled="true"]):not([aria-checked="true"]) {
   background: none;
 }
 
@@ -4160,6 +4354,12 @@
 
 .leaf-dropdown .leaf-floating__option[aria-checked="true"] {
   color: var(--leaf-color-primary);
+  background: var(--leaf-color-primary-surface-9);
+}
+
+.leaf-dropdown .leaf-floating__option[aria-checked="true"].leaf-dropdown__danger {
+  color: var(--leaf-color-danger);
+  background: var(--leaf-color-danger-surface-8);
 }
 
 .leaf-dropdown__highlight {
@@ -4171,12 +4371,17 @@
   translate: 0 var(--leaf-menu-highlight-y, 0px);
   border: 1px solid var(--leaf-color-border-alpha-55);
   border-radius: var(--leaf-floating-option-radius);
-  background: var(--leaf-color-text-alpha-9);
+  background: var(--leaf-color-option-hover);
   position: absolute;
 }
 
+.leaf-dropdown__highlight[data-selected] {
+  background: var(--leaf-color-primary-surface-9);
+  border-color: var(--leaf-color-primary-alpha-15);
+}
+
 .leaf-dropdown__highlight[data-danger="true"] {
-  background: var(--leaf-color-danger-alpha-8);
+  background: var(--leaf-color-danger-surface-8);
   border-color: var(--leaf-color-danger-alpha-15);
 }
 
@@ -4570,11 +4775,11 @@
 
 .leaf-steps {
   --leaf-current-font-size: var(--leaf-font-size);
-  --leaf-current-control-height: var(--leaf-control-height, 40px);
+  --leaf-current-control-height: var(--leaf-control-height, 36px);
 }
 
 .leaf-steps--sm {
-  --leaf-current-control-height: var(--leaf-control-height-sm, 34px);
+  --leaf-current-control-height: var(--leaf-control-height-sm, 30px);
   --leaf-current-font-size: var(--leaf-font-size-sm, 12px);
 }
 
@@ -4907,7 +5112,7 @@
 
 .leaf-pagination {
   --leaf-current-font-size: var(--leaf-font-size);
-  --leaf-current-control-height: var(--leaf-control-height, 40px);
+  --leaf-current-control-height: var(--leaf-control-height, 36px);
 }
 
 .leaf-pagination {
@@ -4952,14 +5157,17 @@
   border-radius: var(--leaf-radius);
   color: inherit;
   font: inherit;
+  font-weight: var(--leaf-font-weight);
+  font-variant-numeric: tabular-nums;
   cursor: pointer;
-  transition: background-color var(--leaf-motion-duration),border-color var(--leaf-motion-duration),color var(--leaf-motion-duration),transform var(--leaf-motion-fast) var(--leaf-motion-easing),box-shadow var(--leaf-motion-duration) var(--leaf-motion-easing);
+  transition: background-color var(--leaf-motion-duration),border-color var(--leaf-motion-duration),color var(--leaf-motion-duration),box-shadow var(--leaf-motion-duration) var(--leaf-motion-easing);
   background: none;
   border: 1px solid #0000;
   justify-content: center;
   align-items: center;
   padding: 0 8px;
   display: inline-flex;
+  position: relative;
 }
 
 .leaf-pagination > button:hover:not(:disabled):not([aria-current="page"]), .leaf-pagination__entry > button:hover:not(:disabled):not([aria-current="page"]) {
@@ -4975,7 +5183,11 @@
 }
 
 .leaf-pagination > button:active:not(:disabled), .leaf-pagination__entry > button:active:not(:disabled) {
-  transform: scale(.94);
+  background: var(--leaf-color-border);
+}
+
+.leaf-pagination > button[aria-current="page"]:active:not(:disabled), .leaf-pagination__entry > button[aria-current="page"]:active:not(:disabled) {
+  background: none;
 }
 
 .leaf-pagination > button:disabled, .leaf-pagination__entry > button:disabled {
@@ -4988,9 +5200,50 @@
   outline-offset: 2px;
 }
 
+.leaf-pagination--outline > button, .leaf-pagination--outline .leaf-pagination__entry > button {
+  border-color: var(--leaf-color-border);
+}
+
+.leaf-pagination--outline > button:before, .leaf-pagination--outline .leaf-pagination__entry > button:before {
+  content: "";
+  z-index: -2;
+  border-radius: inherit;
+  background: var(--leaf-color-surface);
+  pointer-events: none;
+  position: absolute;
+  inset: -1px;
+}
+
+.leaf-pagination--outline > button:hover:not(:disabled):not([aria-current="page"]), .leaf-pagination--outline .leaf-pagination__entry > button:hover:not(:disabled):not([aria-current="page"]) {
+  color: var(--leaf-color-primary-hover, var(--leaf-color-primary));
+  border-color: var(--leaf-color-primary-hover, var(--leaf-color-primary));
+  background: none;
+}
+
+.leaf-pagination--outline > button:active:not(:disabled):not([aria-current="page"]), .leaf-pagination--outline .leaf-pagination__entry > button:active:not(:disabled):not([aria-current="page"]) {
+  color: var(--leaf-color-primary-active, var(--leaf-color-primary));
+  border-color: var(--leaf-color-primary-active, var(--leaf-color-primary));
+}
+
+.leaf-pagination--outline > button[aria-current="page"], .leaf-pagination--outline .leaf-pagination__entry > button[aria-current="page"] {
+  border-color: #0000;
+}
+
+.leaf-pagination--outline > button[aria-current="page"]:before, .leaf-pagination--outline .leaf-pagination__entry > button[aria-current="page"]:before {
+  background: none;
+}
+
+.leaf-pagination--outline .leaf-pagination__indicator {
+  border-color: var(--leaf-color-primary);
+}
+
+.leaf-pagination[data-disabled] .leaf-pagination__indicator[data-visible="true"] {
+  opacity: .45;
+}
+
 .leaf-pagination__entry {
   align-items: center;
-  gap: 6px;
+  gap: var(--leaf-component-pagination-gap, 6px);
   display: inline-flex;
 }
 
@@ -5009,6 +5262,7 @@
 }
 
 .leaf-pagination__size {
+  flex: 0 0 110px;
   width: 110px;
   margin-inline-start: 6px;
 }
@@ -5030,6 +5284,7 @@
 }
 
 .leaf-pagination__simple {
+  font-variant-numeric: tabular-nums;
   padding-inline: 8px;
 }
 
@@ -5039,11 +5294,7 @@
   }
 }
 
-:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) .leaf-pagination > button > svg {
-  transform: rotate(180deg);
-}
-
-:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) .leaf-pagination__jump > svg {
+.leaf-pagination[dir="rtl"] > button > svg, .leaf-pagination[dir="rtl"] .leaf-pagination__jump > svg {
   transform: rotate(180deg);
 }
 
@@ -5078,7 +5329,6 @@
 .leaf-tag {
   --leaf-tag-ink-color: var(--leaf-tag-color);
   --leaf-tag-color: var(--leaf-color-text-muted);
-  --leaf-tag-color-alpha-22: var(--leaf-color-text-muted-alpha-22);
   --leaf-tag-color-surface-8: var(--leaf-color-text-muted-surface-8);
   --leaf-tag-color-alpha-10: var(--leaf-color-text-muted-alpha-10);
 }
@@ -5086,7 +5336,6 @@
 .leaf-tag[data-color="primary"] {
   --leaf-tag-ink-color: var(--leaf-color-primary-text-80);
   --leaf-tag-color: var(--leaf-color-primary);
-  --leaf-tag-color-alpha-22: var(--leaf-color-primary-alpha-22);
   --leaf-tag-color-surface-8: var(--leaf-color-primary-surface-8);
   --leaf-tag-color-alpha-10: var(--leaf-color-primary-alpha-10);
 }
@@ -5094,7 +5343,6 @@
 .leaf-tag[data-color="success"] {
   --leaf-tag-ink-color: var(--leaf-color-success-text-80);
   --leaf-tag-color: var(--leaf-color-success);
-  --leaf-tag-color-alpha-22: var(--leaf-color-success-alpha-22);
   --leaf-tag-color-surface-8: var(--leaf-color-success-surface-8);
   --leaf-tag-color-alpha-10: var(--leaf-color-success-alpha-10);
 }
@@ -5102,7 +5350,6 @@
 .leaf-tag[data-color="warning"] {
   --leaf-tag-ink-color: var(--leaf-color-warning-text-80);
   --leaf-tag-color: var(--leaf-color-warning);
-  --leaf-tag-color-alpha-22: var(--leaf-color-warning-alpha-22);
   --leaf-tag-color-surface-8: var(--leaf-color-warning-surface-8);
   --leaf-tag-color-alpha-10: var(--leaf-color-warning-alpha-10);
 }
@@ -5110,7 +5357,6 @@
 .leaf-tag[data-color="error"] {
   --leaf-tag-ink-color: var(--leaf-color-danger-text-80);
   --leaf-tag-color: var(--leaf-color-danger);
-  --leaf-tag-color-alpha-22: var(--leaf-color-danger-alpha-22);
   --leaf-tag-color-surface-8: var(--leaf-color-danger-surface-8);
   --leaf-tag-color-alpha-10: var(--leaf-color-danger-alpha-10);
 }
@@ -5118,7 +5364,6 @@
 .leaf-tag[data-color="info"] {
   --leaf-tag-ink-color: var(--leaf-color-info-text-80);
   --leaf-tag-color: var(--leaf-color-info);
-  --leaf-tag-color-alpha-22: var(--leaf-color-info-alpha-22);
   --leaf-tag-color-surface-8: var(--leaf-color-info-surface-8);
   --leaf-tag-color-alpha-10: var(--leaf-color-info-alpha-10);
 }
@@ -5126,24 +5371,23 @@
 .leaf-tag {
   box-sizing: border-box;
   max-width: var(--leaf-tag-width, 100%);
-  border: 1px solid var(--leaf-tag-color-alpha-22);
-  border-radius: var(--leaf-component-tag-radius, 999px);
+  border-radius: var(--leaf-component-tag-radius, calc(var(--leaf-radius-sm) * 5 / 6));
   color: var(--leaf-tag-ink-color);
   background: var(--leaf-tag-color-surface-8);
   font: max(1px, var(--leaf-font-size) - 2px)/1.5 var(--leaf-font-family);
   vertical-align: middle;
   white-space: nowrap;
-  transition: opacity var(--leaf-motion-duration) var(--leaf-motion-easing),max-width var(--leaf-motion-duration) var(--leaf-motion-easing),padding-inline var(--leaf-motion-duration) var(--leaf-motion-easing),gap var(--leaf-motion-duration) var(--leaf-motion-easing),border-color var(--leaf-motion-duration) var(--leaf-motion-easing);
+  transition: opacity var(--leaf-motion-duration) var(--leaf-motion-easing),max-width var(--leaf-motion-duration) var(--leaf-motion-easing),padding-inline var(--leaf-motion-duration) var(--leaf-motion-easing),gap var(--leaf-motion-duration) var(--leaf-motion-easing);
+  border: 0;
   align-items: center;
   gap: 5px;
-  padding: 2px 9px;
+  padding: 3px 10px;
   display: inline-flex;
 }
 
 .leaf-tag[data-state="closing"] {
   opacity: 0;
   pointer-events: none;
-  border-color: #0000;
   gap: 0;
   max-width: 0;
   padding-inline: 0;
@@ -5157,22 +5401,17 @@
 }
 
 .leaf-tag--sm {
-  padding: 0 7px;
+  padding: 1px 8px;
 }
 
 .leaf-tag--lg {
   font-size: var(--leaf-font-size-sm);
-  padding: 3px 12px;
-}
-
-.leaf-tag--outline {
-  background: none;
+  padding: 4px 13px;
 }
 
 .leaf-tag--solid {
   --leaf-tag-close-background: #ffffff1a;
   background: var(--leaf-tag-color);
-  border-color: var(--leaf-tag-color);
   color: #fff;
 }
 
@@ -5232,15 +5471,12 @@
 
 .leaf-checkable-tag {
   cursor: pointer;
-  transition: color var(--leaf-motion-duration) var(--leaf-motion-easing),background-color var(--leaf-motion-duration) var(--leaf-motion-easing),border-color var(--leaf-motion-duration) var(--leaf-motion-easing),box-shadow var(--leaf-motion-duration) var(--leaf-motion-easing),transform var(--leaf-motion-duration) var(--leaf-motion-spring);
+  transition: color var(--leaf-motion-duration) var(--leaf-motion-easing),background-color var(--leaf-motion-duration) var(--leaf-motion-easing),transform var(--leaf-motion-duration) var(--leaf-motion-spring);
 }
 
 .leaf-checkable-tag:hover:not(:disabled):not([aria-pressed="true"]) {
-  border-color: var(--leaf-color-border-hover);
-}
-
-.leaf-checkable-tag[aria-pressed="true"] {
-  box-shadow: inset 0 0 0 1px var(--leaf-color-primary-alpha-12);
+  color: var(--leaf-color-text);
+  background: var(--leaf-tag-color-alpha-10);
 }
 
 .leaf-checkable-tag:active:not(:disabled) {
@@ -5538,6 +5774,7 @@
 
 .leaf-drawer__footer {
   padding: var(--leaf-component-drawer-padding, var(--leaf-density-dialog-block) var(--leaf-density-dialog-inline));
+  padding-block: var(--leaf-component-drawer-padding-top, calc(var(--leaf-spacing) * 1.5)) var(--leaf-component-drawer-padding-bottom, calc(var(--leaf-spacing) * 1.5));
   background: var(--leaf-component-drawer-footer-background, transparent);
   border-end-end-radius: inherit;
   border-end-start-radius: inherit;
@@ -5556,10 +5793,9 @@
 }
 
 .leaf-drawer--divided > .leaf-drawer__footer {
+  padding-block: var(--leaf-component-drawer-padding-top, calc(var(--leaf-spacing) * 1.5)) var(--leaf-component-drawer-padding-bottom, calc(var(--leaf-spacing) * 1.5));
   border-block-start: 1px solid var(--leaf-dialog-divider);
   background: var(--leaf-component-drawer-footer-background, var(--leaf-color-surface-muted));
-  padding-block-start: var(--leaf-dialog-padding-block);
-  padding-block-end: var(--leaf-dialog-padding-block);
 }
 
 @media (max-width: 480px) {
@@ -6182,7 +6418,17 @@
 
 .leaf-tabs {
   --leaf-current-font-size: var(--leaf-font-size);
-  --leaf-current-control-height: var(--leaf-control-height, 40px);
+  --leaf-current-control-height: var(--leaf-control-height, 36px);
+}
+
+.leaf-tabs--sm {
+  --leaf-current-control-height: var(--leaf-control-height-sm, 30px);
+  --leaf-current-font-size: var(--leaf-font-size-sm, 12px);
+}
+
+.leaf-tabs--lg {
+  --leaf-current-control-height: var(--leaf-control-height-lg, 42px);
+  --leaf-current-font-size: var(--leaf-font-size-lg, 16px);
 }
 
 .leaf-tabs {
@@ -6198,15 +6444,21 @@
 }
 
 .leaf-tabs__list {
-  isolation: isolate;
   scrollbar-width: thin;
   min-width: 0;
   box-shadow: inset 0 -1px 0 var(--leaf-color-divider);
   flex: 1;
+  overflow: auto;
+}
+
+.leaf-tabs__track {
+  isolation: isolate;
   gap: 12px;
+  width: max-content;
+  min-width: 100%;
   display: flex;
   position: relative;
-  overflow: auto;
+  overflow: clip;
 }
 
 .leaf-tabs__indicator {
@@ -6246,7 +6498,7 @@
   color: var(--leaf-color-text-muted);
   font: inherit;
   cursor: pointer;
-  transition: color var(--leaf-motion-fast) var(--leaf-motion-easing),transform var(--leaf-motion-fast) var(--leaf-motion-easing);
+  transition: color var(--leaf-motion-fast) var(--leaf-motion-easing);
   background: none;
   border: 0;
   flex-shrink: 0;
@@ -6258,16 +6510,16 @@
 }
 
 .leaf-tabs__tab[aria-selected="true"] {
-  color: var(--leaf-color-text);
+  color: var(--leaf-color-primary);
   font-weight: var(--leaf-font-weight);
 }
 
-.leaf-tabs__tab:hover:not(:disabled) {
-  color: var(--leaf-color-text);
+.leaf-tabs__tab:hover:not(:disabled):not([aria-selected="true"]) {
+  color: var(--leaf-color-primary-hover, var(--leaf-color-primary));
 }
 
-.leaf-tabs__tab:active:not(:disabled) {
-  opacity: .8;
+.leaf-tabs__tab:active:not(:disabled):not([aria-selected="true"]) {
+  color: var(--leaf-color-primary-active, var(--leaf-color-primary));
 }
 
 .leaf-tabs__tab:disabled {
@@ -6305,7 +6557,7 @@
   height: 22px;
   color: var(--leaf-color-text-subtle);
   cursor: pointer;
-  transition: color var(--leaf-motion-fast) var(--leaf-motion-easing),background-color var(--leaf-motion-fast) var(--leaf-motion-easing),transform var(--leaf-motion-fast) var(--leaf-motion-easing);
+  transition: color var(--leaf-motion-fast) var(--leaf-motion-easing),background-color var(--leaf-motion-fast) var(--leaf-motion-easing);
   background: none;
   border: 0;
   flex: none;
@@ -6321,10 +6573,6 @@
   background: var(--leaf-color-surface-muted);
 }
 
-.leaf-tabs__close:active:not(:disabled) {
-  transform: scale(.9);
-}
-
 .leaf-tabs__close:focus-visible {
   outline: 3px solid var(--leaf-color-focus, var(--leaf-focus-color, var(--leaf-color-primary-alpha-42)));
   outline-offset: 2px;
@@ -6356,12 +6604,15 @@
   margin-inline-start: auto;
 }
 
-.leaf-tabs__panels {
-  min-width: 0;
+.leaf-tabs .leaf-tabs__action {
+  aspect-ratio: 1;
+  flex-shrink: 0;
+  align-self: stretch;
+  width: auto;
 }
 
-.leaf-tabs__panels[data-transitioning] {
-  overflow: clip;
+.leaf-tabs__panels {
+  min-width: 0;
 }
 
 .leaf-tabs__panel {
@@ -6381,16 +6632,27 @@
 
 .leaf-tabs--card .leaf-tabs__list {
   --leaf-surface-radius: var(--leaf-component-tabs-radius, var(--leaf-radius));
-  --leaf-surface-padding: var(--leaf-component-tabs-padding, 3px);
+  --leaf-surface-padding: var(--leaf-component-tabs-padding, var(--leaf-tabs-card-padding, 4px));
   --leaf-surface-border: 1px;
   --leaf-surface-padding-top: var(--leaf-component-tabs-padding-top, var(--leaf-surface-padding));
   --leaf-surface-padding-right: var(--leaf-component-tabs-padding-right, var(--leaf-surface-padding));
   --leaf-surface-padding-bottom: var(--leaf-component-tabs-padding-bottom, var(--leaf-surface-padding));
   --leaf-surface-padding-left: var(--leaf-component-tabs-padding-left, var(--leaf-surface-padding));
+  box-sizing: border-box;
+  --leaf-tabs-card-tab-height: max(1px, calc(var(--leaf-current-control-height) - var(--leaf-surface-padding-top) - var(--leaf-surface-padding-bottom) - 2px));
+  min-height: var(--leaf-current-control-height);
   border: 1px solid var(--leaf-color-border);
   background: var(--leaf-color-surface-muted);
   box-shadow: none;
-  gap: 3px;
+  flex: 0 auto;
+}
+
+.leaf-tabs--card .leaf-tabs__track {
+  box-sizing: border-box;
+  min-width: calc(100% + var(--leaf-surface-padding-left) + var(--leaf-surface-padding-right));
+  padding: var(--leaf-surface-padding-top) var(--leaf-surface-padding-right) var(--leaf-surface-padding-bottom) var(--leaf-surface-padding-left);
+  margin: calc(-1*var(--leaf-surface-padding-top)) calc(-1*var(--leaf-surface-padding-right)) calc(-1*var(--leaf-surface-padding-bottom)) calc(-1*var(--leaf-surface-padding-left));
+  gap: 2px;
 }
 
 .leaf-tabs--card .leaf-tabs__indicator {
@@ -6403,12 +6665,8 @@
   display: none;
 }
 
-.leaf-tabs--card .leaf-tabs__tab {
-  border-radius: var(--leaf-surface-inner-radius);
-  padding-inline: 14px;
-}
-
 .leaf-tabs--card .leaf-tabs__entry {
+  height: var(--leaf-tabs-card-tab-height);
   border-radius: var(--leaf-surface-inner-radius);
 }
 
@@ -6434,8 +6692,12 @@
 
 .leaf-tabs--left .leaf-tabs__list, .leaf-tabs--right .leaf-tabs__list {
   box-shadow: none;
+}
+
+.leaf-tabs--left .leaf-tabs__track, .leaf-tabs--right .leaf-tabs__track {
   flex-direction: column;
   gap: 4px;
+  width: auto;
 }
 
 .leaf-tabs--left .leaf-tabs__tab, .leaf-tabs--right .leaf-tabs__tab {
@@ -6462,6 +6724,11 @@
   margin: auto 12px 8px;
 }
 
+.leaf-tabs--left .leaf-tabs__action, .leaf-tabs--right .leaf-tabs__action {
+  width: var(--leaf-current-control-height);
+  align-self: center;
+}
+
 .leaf-tabs--right .leaf-tabs__header {
   order: 2;
 }
@@ -6470,6 +6737,15 @@
   inset-inline: 0 auto;
 }
 
+.leaf-tabs--card .leaf-tabs__tab {
+  height: var(--leaf-tabs-card-tab-height);
+  min-height: var(--leaf-tabs-card-tab-height);
+  border-radius: var(--leaf-surface-inner-radius);
+  font-weight: var(--leaf-font-weight);
+  padding: 0 12px;
+  line-height: 1.5;
+}
+
 @media (prefers-reduced-motion: reduce) {
   .leaf-tabs__tab, .leaf-tabs__close, .leaf-tabs__indicator[data-animate="true"] {
     transition: none;
@@ -6482,11 +6758,13 @@
 }
 
 .leaf-tabs--sm {
+  --leaf-tabs-card-padding: 2px;
   --leaf-current-control-height: var(--leaf-component-tabs-height-sm, var(--leaf-control-height-sm));
   --leaf-current-font-size: var(--leaf-font-size-sm);
 }
 
 .leaf-tabs--lg {
+  --leaf-tabs-card-padding: 5px;
   --leaf-current-control-height: var(--leaf-component-tabs-height-lg, var(--leaf-control-height-lg));
   --leaf-current-font-size: var(--leaf-font-size-lg);
 }
@@ -6500,11 +6778,15 @@
   .leaf-tabs--card .leaf-tabs__tab[aria-selected="true"] {
     color: highlighttext;
   }
+
+  .leaf-tabs--line .leaf-tabs__tab[aria-selected="true"] {
+    color: highlight;
+  }
 }
 
 .leaf-input-number {
   --leaf-current-font-size: var(--leaf-font-size);
-  --leaf-current-control-height: var(--leaf-control-height, 40px);
+  --leaf-current-control-height: var(--leaf-control-height, 36px);
 }
 
 .leaf-input-number {
@@ -6803,14 +7085,15 @@
 
 .leaf-card {
   --leaf-card-padding: var(--leaf-component-card-padding, calc(var(--leaf-spacing) * 2.5));
-  --leaf-card-heading-gap: var(--leaf-component-card-gap, calc(var(--leaf-spacing) * 1.5));
+  --leaf-card-heading-gap: var(--leaf-component-card-gap, calc(var(--leaf-spacing) * 2));
+  --leaf-card-title-font-size: calc(var(--leaf-font-size) + 1px);
   box-sizing: border-box;
   border-radius: var(--leaf-component-card-radius, var(--leaf-radius-md));
   background: var(--leaf-component-card-background, var(--leaf-color-surface));
   min-width: 0;
   color: var(--leaf-component-card-color, var(--leaf-color-text));
   font: var(--leaf-component-card-font-size, var(--leaf-font-size))/1.6 var(--leaf-font-family);
-  transition: border-color var(--leaf-motion-duration) var(--leaf-motion-easing),box-shadow var(--leaf-motion-duration) var(--leaf-motion-easing),transform var(--leaf-motion-slow) var(--leaf-motion-spring);
+  transition: border-color var(--leaf-motion-duration) var(--leaf-motion-easing),box-shadow var(--leaf-motion-duration) var(--leaf-motion-easing);
   border: 1px solid #0000;
 }
 
@@ -6819,23 +7102,21 @@
   box-shadow: var(--leaf-component-card-shadow, none);
 }
 
-.leaf-card--hoverable:hover, .leaf-card--hoverable:focus-within {
-  border-color: var(--leaf-color-border-hover);
-  box-shadow: var(--leaf-shadow-md);
-  transform: translateY(-2px);
-}
-
 .leaf-card--sm {
   --leaf-card-padding: var(--leaf-component-card-padding, calc(var(--leaf-spacing) * 2));
-  --leaf-card-heading-gap: var(--leaf-component-card-gap, var(--leaf-spacing));
+  --leaf-card-heading-gap: var(--leaf-component-card-gap, calc(var(--leaf-spacing) * 1.5));
+  --leaf-card-title-font-size: var(--leaf-font-size);
 }
 
-.leaf-card--sm .leaf-card__title {
-  font-size: var(--leaf-font-size);
+.leaf-card--lg {
+  --leaf-card-padding: var(--leaf-component-card-padding, calc(var(--leaf-spacing) * 3));
+  --leaf-card-heading-gap: var(--leaf-component-card-gap, calc(var(--leaf-spacing) * 2.5));
+  --leaf-card-title-font-size: calc(var(--leaf-font-size) + 2px);
 }
 
 .leaf-card__header {
-  padding: var(--leaf-card-padding) var(--leaf-card-padding) 0;
+  padding: var(--leaf-card-padding);
+  padding-block: var(--leaf-card-heading-gap);
   background: var(--leaf-component-card-header-background, transparent);
   border-start-start-radius: inherit;
   border-start-end-radius: inherit;
@@ -6858,7 +7139,7 @@
 
 .leaf-card__title {
   min-width: 0;
-  font: var(--leaf-font-weight) calc(var(--leaf-font-size) + 1px)/1.5 var(--leaf-font-family);
+  font: var(--leaf-font-weight, 500) var(--leaf-card-title-font-size)/1.5 var(--leaf-font-family);
   overflow-wrap: anywhere;
   margin: 0;
 }
@@ -6885,14 +7166,15 @@
 }
 
 .leaf-card__header + .leaf-card__body {
-  padding-block-start: var(--leaf-card-heading-gap);
+  padding-block-start: 0;
 }
 
 .leaf-card__footer {
-  padding: 0 var(--leaf-card-padding) var(--leaf-card-padding);
+  padding: var(--leaf-card-padding);
   background: var(--leaf-component-card-footer-background, transparent);
   border-end-end-radius: inherit;
   border-end-start-radius: inherit;
+  padding-block-start: 0;
 }
 
 .leaf-card__footer > :first-child {
@@ -6905,7 +7187,6 @@
 
 .leaf-card--divided > .leaf-card__header {
   border-block-end: 1px solid var(--leaf-component-card-border-color, var(--leaf-color-divider));
-  padding-block-end: var(--leaf-card-padding);
 }
 
 .leaf-card--divided > .leaf-card__header + .leaf-card__body {
@@ -6913,10 +7194,9 @@
 }
 
 .leaf-card--divided > .leaf-card__footer {
+  padding-block: var(--leaf-component-card-padding-top, calc(var(--leaf-spacing) * 1.5)) var(--leaf-component-card-padding-bottom, calc(var(--leaf-spacing) * 1.5));
   border-block-start: 1px solid var(--leaf-component-card-border-color, var(--leaf-color-divider));
   background: var(--leaf-component-card-footer-background, var(--leaf-color-surface-muted));
-  padding-block-start: calc(var(--leaf-card-padding)*.75);
-  padding-block-end: calc(var(--leaf-card-padding)*.75);
 }
 
 .leaf-card__cover {
@@ -6931,37 +7211,122 @@
   display: block;
 }
 
-@media (prefers-reduced-motion: reduce) {
-  .leaf-card {
-    transition: none;
-  }
+.leaf-card--tabbed > .leaf-card__header {
+  border-block-end: 0;
+  border-end-end-radius: 0;
+  border-end-start-radius: 0;
+  padding-block-end: calc(var(--leaf-card-heading-gap)/2);
 }
 
-.leaf-collapse {
-  --leaf-current-font-size: var(--leaf-font-size);
-  --leaf-current-control-height: var(--leaf-control-height, 40px);
+.leaf-card__tabs {
+  border-start-start-radius: inherit;
+  border-start-end-radius: inherit;
 }
 
-.leaf-collapse {
-  border-radius: var(--leaf-component-collapse-radius, var(--leaf-radius-md));
-  min-width: 0;
-  color: var(--leaf-component-collapse-color, var(--leaf-color-text));
-  background: var(--leaf-component-collapse-background, var(--leaf-color-surface));
-  font: var(--leaf-component-collapse-font-size, var(--leaf-current-font-size))/1.6 var(--leaf-font-family);
+.leaf-card__tabs > .leaf-tabs__header {
+  padding: var(--leaf-card-padding);
+  border-block-end: 1px solid var(--leaf-component-card-border-color, var(--leaf-color-divider));
+  background: var(--leaf-component-card-header-background, transparent);
+  border-start-start-radius: inherit;
+  border-start-end-radius: inherit;
+  padding-block: 0;
 }
 
-.leaf-collapse--bordered {
-  border: 1px solid var(--leaf-color-border);
+.leaf-card__tabs > .leaf-tabs__header > .leaf-tabs__list {
+  box-shadow: none;
 }
 
-.leaf-collapse__item + .leaf-collapse__item {
-  border-top: 1px solid var(--leaf-color-divider);
+.leaf-card__tabs > .leaf-tabs__header > .leaf-tabs__list > .leaf-tabs__track {
+  gap: var(--leaf-spacing-md);
 }
 
-.leaf-collapse__header {
-  border-radius: inherit;
-  align-items: center;
-  gap: 12px;
+.leaf-card__tabs > .leaf-tabs__header .leaf-tabs__tab {
+  padding-inline: 0;
+}
+
+.leaf-card__tabs > .leaf-tabs__panels > .leaf-tabs__panel {
+  padding: var(--leaf-card-padding);
+}
+
+.leaf-card__tabs > .leaf-tabs__panels > .leaf-tabs__panel > :first-child {
+  margin-block-start: 0;
+}
+
+.leaf-card__tabs > .leaf-tabs__panels > .leaf-tabs__panel > :last-child {
+  margin-block-end: 0;
+}
+
+.leaf-card > .leaf-card__tabs:first-child > .leaf-tabs__header, .leaf-card > .leaf-card__cover + .leaf-card__tabs > .leaf-tabs__header {
+  --leaf-card-tab-heading-height: max(var(--leaf-current-control-height), calc(var(--leaf-card-title-font-size) * 1.5 + var(--leaf-card-heading-gap) * 2));
+  align-items: stretch;
+}
+
+.leaf-card > .leaf-card__tabs:first-child > .leaf-tabs__header > .leaf-tabs__list, .leaf-card > .leaf-card__cover + .leaf-card__tabs > .leaf-tabs__header > .leaf-tabs__list {
+  display: flex;
+}
+
+.leaf-card > .leaf-card__tabs:first-child > .leaf-tabs__header > .leaf-tabs__list > .leaf-tabs__track, .leaf-card > .leaf-card__cover + .leaf-card__tabs > .leaf-tabs__header > .leaf-tabs__list > .leaf-tabs__track {
+  flex-shrink: 0;
+}
+
+.leaf-card > .leaf-card__tabs:first-child > .leaf-tabs__header > .leaf-tabs__list > .leaf-tabs__track > .leaf-tabs__entry, .leaf-card > .leaf-card__cover + .leaf-card__tabs > .leaf-tabs__header > .leaf-tabs__list > .leaf-tabs__track > .leaf-tabs__entry {
+  align-items: stretch;
+}
+
+.leaf-card > .leaf-card__tabs:first-child > .leaf-tabs__header > .leaf-tabs__list > .leaf-tabs__track > .leaf-tabs__entry > .leaf-tabs__tab, .leaf-card > .leaf-card__cover + .leaf-card__tabs > .leaf-tabs__header > .leaf-tabs__list > .leaf-tabs__track > .leaf-tabs__entry > .leaf-tabs__tab {
+  min-height: var(--leaf-card-tab-heading-height);
+}
+
+.leaf-card > .leaf-card__tabs:first-child > .leaf-tabs__header > .leaf-tabs__list > .leaf-tabs__track > .leaf-tabs__entry > .leaf-tabs__close, .leaf-card > .leaf-card__tabs:first-child > .leaf-tabs__header > .leaf-tabs__list > .leaf-tabs__track > .leaf-tabs__entry > .leaf-tabs__drag, .leaf-card > .leaf-card__cover + .leaf-card__tabs > .leaf-tabs__header > .leaf-tabs__list > .leaf-tabs__track > .leaf-tabs__entry > .leaf-tabs__close, .leaf-card > .leaf-card__cover + .leaf-card__tabs > .leaf-tabs__header > .leaf-tabs__list > .leaf-tabs__track > .leaf-tabs__entry > .leaf-tabs__drag, .leaf-card > .leaf-card__tabs:first-child > .leaf-tabs__header > .leaf-tabs__extra, .leaf-card > .leaf-card__cover + .leaf-card__tabs > .leaf-tabs__header > .leaf-tabs__extra {
+  align-self: center;
+}
+
+.leaf-card__header + .leaf-card__tabs > .leaf-tabs__header {
+  border-start-start-radius: 0;
+  border-start-end-radius: 0;
+}
+
+.leaf-card__tabs + .leaf-card__body {
+  padding-block-start: 0;
+}
+
+.leaf-card__tab-extra {
+  align-items: center;
+  gap: var(--leaf-spacing-sm);
+  display: flex;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .leaf-card {
+    transition: none;
+  }
+}
+
+.leaf-collapse {
+  --leaf-current-font-size: var(--leaf-font-size);
+  --leaf-current-control-height: var(--leaf-control-height, 36px);
+}
+
+.leaf-collapse {
+  border-radius: var(--leaf-component-collapse-radius, var(--leaf-radius-md));
+  min-width: 0;
+  color: var(--leaf-component-collapse-color, var(--leaf-color-text));
+  background: var(--leaf-component-collapse-background, var(--leaf-color-surface));
+  font: var(--leaf-component-collapse-font-size, var(--leaf-current-font-size))/1.6 var(--leaf-font-family);
+}
+
+.leaf-collapse--bordered {
+  border: 1px solid var(--leaf-color-border);
+}
+
+.leaf-collapse__item + .leaf-collapse__item {
+  border-top: 1px solid var(--leaf-color-divider);
+}
+
+.leaf-collapse__header {
+  border-radius: inherit;
+  align-items: center;
+  gap: 12px;
   display: flex;
 }
 
@@ -7762,7 +8127,12 @@
   outline-offset: -2px;
 }
 
+.leaf-tree__item:focus-visible > .leaf-tree__row:not([data-disabled]):not([data-selected]), .leaf-tree__item:focus-visible > .leaf-tree__drag-row > .leaf-tree__row:not([data-disabled]):not([data-selected]) {
+  background: var(--leaf-color-option-hover);
+}
+
 .leaf-tree__row {
+  box-sizing: border-box;
   min-height: var(--leaf-control-height);
   border-radius: var(--leaf-radius-sm);
   cursor: pointer;
@@ -7775,12 +8145,12 @@
 }
 
 .leaf-tree__row:hover:not([data-disabled]) {
-  background: var(--leaf-color-surface-muted);
+  background: var(--leaf-color-option-hover);
 }
 
 .leaf-tree__row[data-selected], .leaf-tree__row[data-selected]:hover {
   color: var(--leaf-color-primary);
-  background: var(--leaf-color-primary-surface-8);
+  background: var(--leaf-color-primary-surface-9);
 }
 
 .leaf-tree__row[data-disabled] {
@@ -7939,7 +8309,7 @@
 
 .leaf-tree-select {
   --leaf-current-font-size: var(--leaf-font-size);
-  --leaf-current-control-height: var(--leaf-control-height, 40px);
+  --leaf-current-control-height: var(--leaf-control-height, 36px);
 }
 
 .leaf-tree-select {
@@ -8013,6 +8383,10 @@
   position: relative;
 }
 
+.leaf-tree-select[data-searchable] {
+  cursor: text;
+}
+
 .leaf-tree-select[data-clearable] {
   padding-inline-end: 54px;
 }
@@ -8022,15 +8396,6 @@
   box-shadow: 0 0 0 3px var(--leaf-field-color-alpha-12);
 }
 
-.leaf-tree-select__content {
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 3px;
-  width: 100%;
-  min-width: 0;
-  display: flex;
-}
-
 .leaf-tree-select__input-wrap {
   flex: 1;
   min-width: 24px;
@@ -8048,6 +8413,7 @@
   border: 0;
   outline: none;
   padding: 0;
+  display: block;
 }
 
 .leaf-tree-select__input--caption {
@@ -8129,53 +8495,24 @@
   height: calc(var(--leaf-current-control-height) - 8px);
 }
 
-.leaf-tree-select__tag {
-  border-radius: var(--leaf-radius-sm);
-  background: var(--leaf-color-surface-muted);
-  min-width: 0;
-  max-width: 100%;
-  box-shadow: inset 0 0 0 1px var(--leaf-color-border);
-  align-items: center;
-  gap: 4px;
-  padding: 1px 5px;
-  font-size: 12px;
-  display: inline-flex;
-}
-
-.leaf-tree-select__tag > span {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-.leaf-tree-select__tag > button {
-  color: var(--leaf-color-text-muted);
-  cursor: pointer;
-  transition: color var(--leaf-motion-fast) var(--leaf-motion-easing),background-color var(--leaf-motion-fast) var(--leaf-motion-easing),transform var(--leaf-motion-fast) var(--leaf-motion-spring);
-  background: none;
-  border: 0;
-  border-radius: 2px;
-  place-items: center;
-  padding: 1px;
-  display: grid;
-}
-
-.leaf-tree-select__tag > button:hover {
-  color: var(--leaf-color-text);
-  background: var(--leaf-color-border);
+.leaf-tree-select__panel {
+  --leaf-tree-select-row-margin: 3px;
+  --leaf-tree-select-option-radius: max(0px, var(--leaf-surface-radius) - var(--leaf-surface-padding-left) - var(--leaf-surface-border)) max(0px, var(--leaf-surface-radius) - var(--leaf-surface-padding-right) - var(--leaf-surface-border)) max(0px, var(--leaf-surface-radius) - var(--leaf-surface-padding-right) - var(--leaf-surface-border)) max(0px, var(--leaf-surface-radius) - var(--leaf-surface-padding-left) - var(--leaf-surface-border))/max(0px, var(--leaf-surface-radius) - calc(var(--leaf-surface-padding-top) + var(--leaf-tree-select-row-margin)) - var(--leaf-surface-border)) max(0px, var(--leaf-surface-radius) - calc(var(--leaf-surface-padding-top) + var(--leaf-tree-select-row-margin)) - var(--leaf-surface-border)) max(0px, var(--leaf-surface-radius) - calc(var(--leaf-surface-padding-bottom) + var(--leaf-tree-select-row-margin)) - var(--leaf-surface-border)) max(0px, var(--leaf-surface-radius) - calc(var(--leaf-surface-padding-bottom) + var(--leaf-tree-select-row-margin)) - var(--leaf-surface-border));
 }
 
-.leaf-tree-select__tag > button:active {
-  transform: scale(.85);
+.leaf-tree-select__panel .leaf-tree__toggle {
+  width: 24px;
+  height: min(28px,var(--leaf-density-option-height) - 6px);
+  flex-basis: 24px;
 }
 
-.leaf-tree-select__panel {
-  --leaf-tree-select-row-margin: 3px;
-  --leaf-tree-select-option-radius: max(0px, var(--leaf-surface-radius) - var(--leaf-surface-padding-left) - var(--leaf-surface-border)) max(0px, var(--leaf-surface-radius) - var(--leaf-surface-padding-right) - var(--leaf-surface-border)) max(0px, var(--leaf-surface-radius) - var(--leaf-surface-padding-right) - var(--leaf-surface-border)) max(0px, var(--leaf-surface-radius) - var(--leaf-surface-padding-left) - var(--leaf-surface-border))/max(0px, var(--leaf-surface-radius) - calc(var(--leaf-surface-padding-top) + var(--leaf-tree-select-row-margin)) - var(--leaf-surface-border)) max(0px, var(--leaf-surface-radius) - calc(var(--leaf-surface-padding-top) + var(--leaf-tree-select-row-margin)) - var(--leaf-surface-border)) max(0px, var(--leaf-surface-radius) - calc(var(--leaf-surface-padding-bottom) + var(--leaf-tree-select-row-margin)) - var(--leaf-surface-border)) max(0px, var(--leaf-surface-radius) - calc(var(--leaf-surface-padding-bottom) + var(--leaf-tree-select-row-margin)) - var(--leaf-surface-border));
+.leaf-tree-select__panel .leaf-tree__title {
+  flex: 1;
 }
 
 .leaf-tree-select__panel .leaf-tree__row {
   min-height: var(--leaf-density-option-height);
+  padding-block: min(3px,max(0px,(var(--leaf-density-option-height) - 24px)/2));
   margin-block: var(--leaf-tree-select-row-margin);
   border-radius: var(--leaf-tree-select-option-radius);
   white-space: nowrap;
@@ -8204,7 +8541,7 @@
 
 .leaf-color-picker {
   --leaf-current-font-size: var(--leaf-font-size);
-  --leaf-current-control-height: var(--leaf-control-height, 40px);
+  --leaf-current-control-height: var(--leaf-control-height, 36px);
 }
 
 .leaf-color-picker {
@@ -8270,32 +8607,39 @@
 }
 
 .leaf-color-picker {
+  width: auto;
+  height: var(--leaf-current-control-height);
   vertical-align: middle;
+  cursor: pointer;
   flex: none;
   align-items: center;
-  width: auto;
   display: inline-flex;
 }
 
+.leaf-color-picker[data-readonly]:not([data-disabled]) {
+  cursor: default;
+}
+
 .leaf-color-picker[data-open] {
   border-color: var(--leaf-field-color);
   box-shadow: 0 0 0 3px var(--leaf-field-color-alpha-12);
 }
 
 .leaf-color-picker__trigger {
+  box-sizing: border-box;
   min-width: calc(var(--leaf-current-control-height) - 2px);
-  min-height: calc(var(--leaf-current-control-height) - 2px);
+  height: calc(var(--leaf-current-control-height) - 2px);
   border-radius: inherit;
   color: inherit;
   font: inherit;
-  cursor: pointer;
+  cursor: inherit;
   transition: background-color var(--leaf-motion-duration) var(--leaf-motion-easing);
   background: none;
   border: 0;
   justify-content: center;
   align-items: center;
   gap: 8px;
-  padding: 5px;
+  padding: 0 5px;
   display: inline-flex;
 }
 
@@ -8685,169 +9029,106 @@
   --leaf-current-font-size: var(--leaf-font-size-lg);
 }
 
-.leaf-signature-pad {
-  color: var(--leaf-color-text);
-  font: var(--leaf-font-size) var(--leaf-font-family);
-}
-
-.leaf-signature-pad__surface {
-  border: 1px solid var(--leaf-color-border);
-  border-radius: var(--leaf-radius-md);
-  transition: border-color var(--leaf-motion-duration) var(--leaf-motion-easing),box-shadow var(--leaf-motion-duration) var(--leaf-motion-easing);
-  position: relative;
-  overflow: hidden;
-}
-
-.leaf-signature-pad__surface:after {
-  content: "";
-  border-bottom: 1px dashed var(--leaf-color-text-alpha-16);
-  pointer-events: none;
-  position: absolute;
-  inset-block-end: 42px;
-  inset-inline: 24px;
-}
-
-.leaf-signature-pad__surface[data-drawing] {
-  border-color: var(--leaf-color-primary);
-  box-shadow: 0 0 0 3px var(--leaf-color-primary-alpha-12);
-}
-
-.leaf-signature-pad canvas {
-  touch-action: none;
-  width: 100%;
-  height: 100%;
-  display: block;
-}
-
-.leaf-signature-pad__placeholder {
-  color: inherit;
-  opacity: 0;
-  pointer-events: none;
-  transition: opacity var(--leaf-motion-fast) var(--leaf-motion-easing),transform var(--leaf-motion-duration) var(--leaf-motion-spring);
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, calc(-50% - 4px));
-}
-
-.leaf-signature-pad__surface[data-empty] .leaf-signature-pad__placeholder {
-  opacity: .45;
-  transform: translate(-50%, -50%);
-}
-
-.leaf-signature-pad__controls {
-  justify-content: flex-end;
-  gap: 6px;
-  margin-top: 8px;
-  display: flex;
-}
-
-.leaf-signature-pad[data-disabled] {
-  opacity: .6;
-}
-
-.leaf-signature-pad[data-disabled] canvas {
-  touch-action: auto;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .leaf-signature-pad__surface, .leaf-signature-pad__placeholder {
-    transition: none;
-  }
-}
-
 .leaf-file-list {
+  --leaf-file-visual-size: 40px;
+  --leaf-file-action-size: var(--leaf-control-height-sm);
+  box-sizing: border-box;
   width: 100%;
   min-width: 0;
   color: var(--leaf-color-text);
-  font: var(--leaf-font-size)/1.5 var(--leaf-font-family);
+  font: var(--leaf-font-size)/var(--leaf-line-height) var(--leaf-font-family);
 }
 
 .leaf-file-list__items {
   border: 1px solid var(--leaf-color-border);
   border-radius: var(--leaf-radius-md);
   background: var(--leaf-color-surface);
-  flex-direction: column;
   margin: 0;
-  padding: 4px;
+  padding: 0;
   list-style: none;
-  display: flex;
 }
 
 .leaf-file-list__item {
-  border-radius: max(0px,var(--leaf-radius-md) - 5px);
   box-sizing: border-box;
+  grid-template-columns: var(--leaf-file-visual-size) minmax(0, 1fr) auto;
   min-width: 0;
-  transition: background-color var(--leaf-motion-duration) var(--leaf-motion-easing),opacity var(--leaf-motion-duration) var(--leaf-motion-easing);
+  padding: var(--leaf-density-row-padding, 12px) 16px;
+  transition: background-color var(--leaf-motion-fast) var(--leaf-motion-easing);
   align-items: center;
-  gap: 14px;
-  padding: 12px;
-  display: flex;
+  column-gap: 12px;
+  display: grid;
   position: relative;
 }
 
-.leaf-file-list__item + .leaf-file-list__item:before {
-  content: "";
-  background: var(--leaf-color-border);
-  pointer-events: none;
-  height: 1px;
-  position: absolute;
-  inset: 0 14px auto;
+.leaf-file-list__item:first-child {
+  border-start-start-radius: max(0px,var(--leaf-radius-md) - 1px);
+  border-start-end-radius: max(0px,var(--leaf-radius-md) - 1px);
 }
 
-.leaf-file-list__item:hover, .leaf-file-list__item:focus-within {
-  background: var(--leaf-color-surface-muted);
+.leaf-file-list__item:last-child {
+  border-end-end-radius: max(0px,var(--leaf-radius-md) - 1px);
+  border-end-start-radius: max(0px,var(--leaf-radius-md) - 1px);
+}
+
+.leaf-file-list__item + .leaf-file-list__item {
+  border-top: 1px solid var(--leaf-color-border);
 }
 
-.leaf-file-list__item[data-status="error"] {
-  background: var(--leaf-color-danger-surface-4);
+.leaf-file-list__item:hover, .leaf-file-list__item:focus-within {
+  background: var(--leaf-color-surface-muted);
 }
 
-.leaf-file-list__item[data-status="cancelled"] {
-  opacity: .65;
+.leaf-file-list__item:not(:has(.leaf-file-list__actions:not(:empty))) {
+  grid-template-columns: var(--leaf-file-visual-size) minmax(0, 1fr);
 }
 
 .leaf-file-list__icon {
   --leaf-file-accent: var(--leaf-color-text-muted);
-  --leaf-file-accent-surface-9: var(--leaf-color-text-muted-surface-9);
-  border-radius: var(--leaf-radius);
-  background: var(--leaf-file-accent-surface-9);
-  width: 42px;
-  height: 48px;
+  --leaf-file-surface: var(--leaf-color-surface-muted);
+  inline-size: var(--leaf-file-visual-size);
+  block-size: var(--leaf-file-visual-size);
+  box-sizing: border-box;
+  border: 1px solid var(--leaf-color-border);
+  border-radius: var(--leaf-radius-sm);
+  background: var(--leaf-file-surface);
   color: var(--leaf-file-accent);
-  flex: none;
+  grid-area: 1 / 1;
   place-items: center;
   display: grid;
+  position: relative;
+  overflow: hidden;
 }
 
 .leaf-file-list__icon[data-kind="image"], .leaf-file-list__icon[data-kind="sheet"] {
   --leaf-file-accent: var(--leaf-color-primary);
-  --leaf-file-accent-surface-9: var(--leaf-color-primary-surface-9);
+  --leaf-file-surface: var(--leaf-color-primary-surface-5);
 }
 
 .leaf-file-list__icon[data-kind="document"], .leaf-file-list__icon[data-kind="video"] {
   --leaf-file-accent: var(--leaf-color-info);
-  --leaf-file-accent-surface-9: var(--leaf-color-info-surface-9);
+  --leaf-file-surface: var(--leaf-color-info-surface-5);
 }
 
 .leaf-file-list__icon[data-kind="audio"], .leaf-file-list__icon[data-kind="archive"] {
-  --leaf-file-accent: var(--leaf-color-warning);
-  --leaf-file-accent-surface-9: var(--leaf-color-warning-surface-9);
+  --leaf-file-accent: var(--leaf-color-warning-text-80);
+  --leaf-file-surface: var(--leaf-color-warning-surface-5);
 }
 
 .leaf-file-list__icon[data-extension="pdf"] {
   --leaf-file-accent: var(--leaf-color-danger);
-  --leaf-file-accent-surface-9: var(--leaf-color-danger-surface-9);
+  --leaf-file-surface: var(--leaf-color-danger-surface-4);
 }
 
 .leaf-file-list__icon img {
   object-fit: cover;
   width: 100%;
   height: 100%;
+  position: absolute;
+  inset: 0;
 }
 
 .leaf-file-list__details {
-  flex: 1;
+  grid-area: 1 / 2;
   min-width: 0;
 }
 
@@ -8866,92 +9147,165 @@
   font-variant-numeric: tabular-nums;
   flex-wrap: wrap;
   align-items: center;
-  gap: 4px 10px;
-  margin-top: 4px;
+  column-gap: 8px;
+  margin-top: 2px;
+  line-height: 1.5;
   display: flex;
 }
 
+.leaf-file-list__meta > span {
+  white-space: nowrap;
+  align-items: center;
+  display: inline-flex;
+}
+
+.leaf-file-list__meta > span + span:before {
+  content: "";
+  background: var(--leaf-color-text-muted);
+  opacity: .55;
+  border-radius: 50%;
+  block-size: 3px;
+  inline-size: 3px;
+  margin-inline-end: 8px;
+}
+
 .leaf-file-list__type {
-  letter-spacing: .04em;
-  font-size: 11px;
+  letter-spacing: .03em;
 }
 
 .leaf-file-list__actions {
-  flex: none;
+  grid-area: 1 / 3 / span 4;
+  justify-content: flex-end;
   align-items: center;
   gap: 4px;
+  margin-inline-end: -4px;
   display: flex;
 }
 
-.leaf-file-list__actions .leaf-button, .leaf-file-list__action {
-  color: var(--leaf-color-text-muted);
-}
-
-.leaf-file-list__actions .leaf-button:hover:not(:disabled):not([aria-disabled]), .leaf-file-list__action:hover:not(:disabled):not([aria-disabled]) {
-  color: var(--leaf-color-primary);
-  background: var(--leaf-color-surface);
-}
-
-.leaf-file-list__actions .leaf-file-list__remove:hover:not(:disabled) {
-  color: var(--leaf-color-danger);
+.leaf-file-list__actions:empty {
+  display: none;
 }
 
-.leaf-file-list__action {
-  width: var(--leaf-control-height-sm);
-  height: var(--leaf-control-height-sm);
+.leaf-file-list__action, .leaf-file-list__actions > .leaf-button--icon-only {
+  --leaf-button-height: var(--leaf-file-action-size);
+  --leaf-button-radius: var(--leaf-radius-sm);
+  box-sizing: border-box;
+  inline-size: var(--leaf-file-action-size);
+  block-size: var(--leaf-file-action-size);
+  min-height: var(--leaf-file-action-size);
   border-radius: var(--leaf-radius-sm);
-  transition: color var(--leaf-motion-duration),background-color var(--leaf-motion-duration),transform var(--leaf-motion-slow) var(--leaf-motion-easing);
-  place-items: center;
-  display: grid;
+  color: var(--leaf-color-text-muted);
+  vertical-align: middle;
+  cursor: pointer;
+  transition: color var(--leaf-motion-fast) var(--leaf-motion-easing),background-color var(--leaf-motion-fast) var(--leaf-motion-easing),border-color var(--leaf-motion-fast) var(--leaf-motion-easing);
+  background: none;
+  border: 1px solid #0000;
+  flex: none;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  text-decoration: none;
+  display: inline-flex;
 }
 
-.leaf-file-list__action:focus-visible {
+.leaf-file-list__action:hover:not(:disabled):not([aria-disabled="true"]), .leaf-file-list__actions > .leaf-button--icon-only:hover:not(:disabled):not([aria-disabled="true"]) {
+  color: var(--leaf-color-primary);
+  background: var(--leaf-color-primary-surface-9);
+}
+
+.leaf-file-list__action:active:not(:disabled):not([aria-disabled="true"]), .leaf-file-list__actions > .leaf-button--icon-only:active:not(:disabled):not([aria-disabled="true"]) {
+  color: var(--leaf-color-primary-active);
+  background: var(--leaf-color-primary-surface-14);
+}
+
+.leaf-file-list__action:focus-visible, .leaf-file-list__actions > .leaf-button--icon-only:focus-visible {
   outline: 3px solid var(--leaf-color-focus, var(--leaf-focus-color, var(--leaf-color-primary-alpha-42)));
   outline-offset: 2px;
 }
 
-.leaf-file-list__action[aria-disabled] {
+.leaf-file-list__action[aria-disabled="true"], .leaf-file-list__actions > .leaf-button--icon-only[aria-disabled="true"] {
   opacity: .45;
+  cursor: not-allowed;
 }
 
-.leaf-file-list__action:active:not([aria-disabled]) {
-  transform: scale(.96);
+.leaf-file-list__action[data-loading], .leaf-file-list__actions > .leaf-button--icon-only[data-loading] {
+  cursor: default;
+}
+
+.leaf-file-list__actions .leaf-file-list__remove:hover:not(:disabled), .leaf-file-list__actions .leaf-file-list__remove:active:not(:disabled) {
+  color: var(--leaf-color-danger);
+  background: var(--leaf-color-danger-surface-9);
+}
+
+.leaf-file-list__status {
+  min-width: 0;
+  color: var(--leaf-color-text-muted);
+  font-size: var(--leaf-font-size-sm);
+  font-variant-numeric: tabular-nums;
+  grid-column: 2;
+  align-items: center;
+  gap: 4px;
+  margin-top: 4px;
+  line-height: 1.5;
+  display: inline-flex;
+}
+
+.leaf-file-list__status > svg {
+  flex: none;
+}
+
+.leaf-file-list__status[data-status="done"] {
+  color: var(--leaf-color-success-text-80);
+}
+
+.leaf-file-list__status[data-status="error"] {
+  color: var(--leaf-color-danger-text-80);
+}
+
+.leaf-file-list__status[data-status="uploading"] {
+  color: var(--leaf-color-primary);
 }
 
 .leaf-file-list__progress {
   background: var(--leaf-color-border);
   border-radius: 3px;
+  grid-column: 2;
   height: 3px;
-  margin-top: 9px;
+  margin-top: 7px;
   overflow: hidden;
 }
 
 .leaf-file-list__progress > span {
+  border-radius: inherit;
   background: var(--leaf-color-primary);
   height: 100%;
-  transition: width var(--leaf-motion-slow) var(--leaf-motion-easing);
+  transition: width var(--leaf-motion-duration) var(--leaf-motion-easing);
   display: block;
 }
 
 .leaf-file-list__error {
-  color: var(--leaf-color-danger);
-}
-
-.leaf-file-list__complete {
-  color: var(--leaf-color-success);
-  animation: var(--leaf-motion-animation, leaf-file-complete var(--leaf-motion-duration) var(--leaf-motion-easing));
-  align-items: center;
-  gap: 4px;
-  display: inline-flex;
+  min-width: 0;
+  font-size: var(--leaf-font-size-sm);
+  color: var(--leaf-color-danger-text-80);
+  overflow-wrap: anywhere;
+  grid-column: 2;
+  margin: 4px 0 0;
+  line-height: 1.5;
 }
 
 .leaf-file-list__empty {
-  border: 1px dashed var(--leaf-color-border);
+  border: 1px solid var(--leaf-color-border);
   border-radius: var(--leaf-radius-md);
+  background: var(--leaf-color-surface);
   text-align: center;
   color: var(--leaf-color-text-muted);
   font-size: var(--leaf-font-size-sm);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
   padding: 32px 16px;
+  display: flex;
 }
 
 .leaf-file-list__media-modal video {
@@ -8967,18 +9321,15 @@
   display: block;
 }
 
-.leaf-file-list--picture .leaf-file-list__icon {
-  width: 56px;
-  height: 56px;
-  overflow: hidden;
+.leaf-file-list--picture {
+  --leaf-file-visual-size: 52px;
 }
 
 .leaf-file-list--picture-card .leaf-file-list__items {
   background: none;
   border: 0;
-  grid-template-columns: repeat(auto-fill, minmax(min(100%, 150px), 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr));
   gap: 12px;
-  padding: 0;
   display: grid;
 }
 
@@ -8988,73 +9339,85 @@
   background: var(--leaf-color-surface);
   flex-direction: column;
   align-items: stretch;
-  gap: 12px;
-  padding: 10px;
+  padding: 0;
   display: flex;
 }
 
-.leaf-file-list--picture-card .leaf-file-list__item:before {
-  display: none;
+.leaf-file-list--picture-card .leaf-file-list__icon {
+  aspect-ratio: 16 / 10;
+  border: 0;
+  border-bottom: 1px solid var(--leaf-color-border);
+  border-radius: max(0px,var(--leaf-radius-md) - 1px) max(0px,var(--leaf-radius-md) - 1px) 0 0;
+  background: var(--leaf-color-surface-muted);
+  block-size: auto;
+  inline-size: 100%;
 }
 
-.leaf-file-list--picture-card .leaf-file-list__icon {
-  width: 100%;
-  height: 116px;
-  overflow: hidden;
+.leaf-file-list--picture-card .leaf-file-list__icon > svg {
+  width: 32px;
+  height: 32px;
 }
 
-.leaf-file-list--picture-card .leaf-file-list__actions {
-  justify-content: flex-end;
+.leaf-file-list--picture-card .leaf-file-list__details {
+  padding: 12px 12px 0;
 }
 
-.leaf-file-list--picture-card .leaf-file-list__name {
-  font-size: var(--leaf-font-size-sm);
+.leaf-file-list--picture-card .leaf-file-list__status, .leaf-file-list--picture-card .leaf-file-list__progress, .leaf-file-list--picture-card .leaf-file-list__error {
+  margin-inline: 12px;
 }
 
-.leaf-file-list--picture-card .leaf-file-list__meta {
-  font-size: 12px;
+.leaf-file-list--picture-card .leaf-file-list__actions {
+  align-self: stretch;
+  margin: auto 0 0;
+  padding: 8px;
+}
+
+.leaf-file-list--picture-card .leaf-file-list__item:not(:has(.leaf-file-list__actions:not(:empty))) {
+  padding-bottom: 12px;
 }
 
 @media (max-width: 480px) {
-  .leaf-file-list__item {
-    gap: 10px;
-    padding: 12px 8px;
+  .leaf-file-list {
+    --leaf-file-visual-size: 36px;
+    --leaf-file-action-size: max(30px, var(--leaf-control-height-sm));
   }
 
-  .leaf-file-list__icon {
-    width: 34px;
-    height: 40px;
+  .leaf-file-list--picture {
+    --leaf-file-visual-size: 44px;
+  }
+
+  .leaf-file-list__item {
+    column-gap: 10px;
+    padding-inline: 12px;
   }
 
   .leaf-file-list__actions {
-    gap: 0;
+    max-width: calc(var(--leaf-file-action-size)*2 + 4px);
+    flex-wrap: wrap;
   }
 
-  .leaf-file-list--picture-card .leaf-file-list__icon {
-    width: 100%;
-    height: 116px;
+  .leaf-file-list--picture-card .leaf-file-list__actions {
+    max-width: none;
   }
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .leaf-file-list__item, .leaf-file-list__action, .leaf-file-list__progress > span {
+  .leaf-file-list__item, .leaf-file-list__action, .leaf-file-list__actions > .leaf-button--icon-only, .leaf-file-list__progress > span {
     transition: none;
   }
+}
 
-  .leaf-file-list__complete {
-    animation: none;
+@media (forced-colors: active) {
+  .leaf-file-list__icon, .leaf-file-list__status, .leaf-file-list__error {
+    color: canvastext;
   }
-}
 
-@keyframes leaf-file-complete {
-  from {
-    opacity: 0;
-    translate: 0 3px;
+  .leaf-file-list__progress {
+    border: 1px solid canvastext;
   }
 
-  to {
-    opacity: 1;
-    translate: 0;
+  .leaf-file-list__progress > span {
+    background: highlight;
   }
 }
 
@@ -9338,6 +9701,10 @@
   flex: none;
 }
 
+.leaf-flex {
+  min-width: 0;
+}
+
 .leaf-scrollbar {
   box-sizing: border-box;
   border-radius: inherit;
@@ -9501,7 +9868,7 @@
 
 .leaf-segmented {
   --leaf-current-font-size: var(--leaf-font-size);
-  --leaf-current-control-height: var(--leaf-control-height, 40px);
+  --leaf-current-control-height: var(--leaf-control-height, 36px);
 }
 
 .leaf-segmented {
@@ -9558,7 +9925,7 @@
 }
 
 .leaf-segmented > button {
-  min-height: calc(var(--leaf-current-control-height) - var(--leaf-surface-padding-top) - var(--leaf-surface-padding-bottom) - 2px);
+  height: calc(var(--leaf-current-control-height) - var(--leaf-surface-padding-top) - var(--leaf-surface-padding-bottom) - 2px);
   border-radius: var(--leaf-surface-inner-radius);
   color: var(--leaf-color-text-muted);
   font: var(--leaf-current-font-size)/1.5 var(--leaf-font-family);
@@ -9898,8 +10265,8 @@
   width: var(--leaf-indicator-width, 0px);
   height: var(--leaf-indicator-height, 0px);
   transform: translate(var(--leaf-indicator-x, 0px), var(--leaf-indicator-y, 0px));
-  border-radius: var(--leaf-surface-inner-radius);
-  background: var(--leaf-color-primary-surface-8);
+  border-radius: var(--leaf-component-menu-radius, var(--leaf-radius));
+  background: var(--leaf-color-primary-surface-9);
   opacity: 0;
   position: absolute;
   top: 0;
@@ -9918,7 +10285,7 @@
   width: 100%;
   min-height: calc(var(--leaf-control-height) + 4px);
   padding: var(--leaf-density-option-padding) var(--leaf-spacing-sm) var(--leaf-density-option-padding) var(--leaf-spacing-md);
-  border-radius: var(--leaf-surface-inner-radius);
+  border-radius: var(--leaf-component-menu-radius, var(--leaf-radius));
   color: inherit;
   text-align: start;
   font: inherit;
@@ -9934,8 +10301,12 @@
   display: flex;
 }
 
-.leaf-menu__item:hover:not(:disabled):not([aria-disabled]) {
-  background: var(--leaf-color-surface-muted);
+.leaf-menu__item:is(:hover, :focus-visible):not(:disabled):not([aria-disabled]):not([data-selected]) {
+  background: var(--leaf-color-option-hover);
+}
+
+.leaf-menu__item:is(:hover, :focus-visible):not(:disabled):not([aria-disabled]):not([data-selected])[data-danger] {
+  background: var(--leaf-color-danger-surface-8);
 }
 
 .leaf-menu__item[data-active-parent] {
@@ -10039,7 +10410,7 @@
   z-index: var(--leaf-z-index-popup);
   inset-inline-start: 0;
   background: var(--leaf-color-surface);
-  border-radius: var(--leaf-radius);
+  border-radius: var(--leaf-component-menu-radius, var(--leaf-radius));
   min-width: 180px;
   padding: 6px;
   position: absolute;
@@ -10879,436 +11250,6 @@
   }
 }
 
-@keyframes marching-ants {
-  0% {
-    background-position: 0 0, 0 100%, 0 0, 100% 0;
-  }
-
-  to {
-    background-position: 20px 0, -20px 100%, 0 -20px, 100% 20px;
-  }
-}
-
-:root {
-  --rc-drag-handle-size: 12px;
-  --rc-drag-handle-mobile-size: 24px;
-  --rc-drag-handle-bg-colour: #0003;
-  --rc-drag-bar-size: 6px;
-  --rc-border-color: #ffffffb3;
-  --rc-focus-color: #08f;
-}
-
-.ReactCrop {
-  cursor: crosshair;
-  max-width: 100%;
-  display: inline-block;
-  position: relative;
-}
-
-.ReactCrop *, .ReactCrop :before, .ReactCrop :after {
-  box-sizing: border-box;
-}
-
-.ReactCrop--disabled, .ReactCrop--locked {
-  cursor: inherit;
-}
-
-.ReactCrop__child-wrapper {
-  max-height: inherit;
-  overflow: hidden;
-}
-
-.ReactCrop__child-wrapper > img, .ReactCrop__child-wrapper > video {
-  max-width: 100%;
-  max-height: inherit;
-  display: block;
-}
-
-.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper > img, .ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper > video, .ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection {
-  touch-action: none;
-}
-
-.ReactCrop__crop-mask {
-  pointer-events: none;
-  width: calc(100% + .5px);
-  height: calc(100% + .5px);
-  position: absolute;
-  inset: 0;
-}
-
-.ReactCrop__crop-selection {
-  cursor: move;
-  position: absolute;
-  top: 0;
-  left: 0;
-  transform: translate(0);
-}
-
-.ReactCrop--disabled .ReactCrop__crop-selection {
-  cursor: inherit;
-}
-
-.ReactCrop--circular-crop .ReactCrop__crop-selection {
-  border-radius: 50%;
-}
-
-.ReactCrop--circular-crop .ReactCrop__crop-selection:after {
-  pointer-events: none;
-  content: "";
-  border: 1px solid var(--rc-border-color);
-  opacity: .3;
-  position: absolute;
-  inset: -1px;
-}
-
-.ReactCrop--no-animate .ReactCrop__crop-selection {
-  outline: 1px dashed #fff;
-}
-
-.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection) {
-  color: #fff;
-  background-image: linear-gradient(90deg, #fff 50%, #444 50%), linear-gradient(90deg, #fff 50%, #444 50%), linear-gradient(#fff 50%, #444 50%), linear-gradient(#fff 50%, #444 50%);
-  background-position: 0 0, 0 100%, 0 0, 100% 0;
-  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
-  background-size: 10px 1px, 10px 1px, 1px 10px, 1px 10px;
-  animation: 1s linear infinite marching-ants;
-}
-
-.ReactCrop__crop-selection:focus {
-  outline: 2px solid var(--rc-focus-color);
-  outline-offset: -1px;
-}
-
-.ReactCrop--invisible-crop .ReactCrop__crop-mask, .ReactCrop--invisible-crop .ReactCrop__crop-selection {
-  display: none;
-}
-
-.ReactCrop__rule-of-thirds-vt:before, .ReactCrop__rule-of-thirds-vt:after, .ReactCrop__rule-of-thirds-hz:before, .ReactCrop__rule-of-thirds-hz:after {
-  content: "";
-  background-color: #fff6;
-  display: block;
-  position: absolute;
-}
-
-.ReactCrop__rule-of-thirds-vt:before, .ReactCrop__rule-of-thirds-vt:after {
-  width: 1px;
-  height: 100%;
-}
-
-.ReactCrop__rule-of-thirds-vt:before {
-  left: 33.3333%;
-}
-
-.ReactCrop__rule-of-thirds-vt:after {
-  left: 66.6667%;
-}
-
-.ReactCrop__rule-of-thirds-hz:before, .ReactCrop__rule-of-thirds-hz:after {
-  width: 100%;
-  height: 1px;
-}
-
-.ReactCrop__rule-of-thirds-hz:before {
-  top: 33.3333%;
-}
-
-.ReactCrop__rule-of-thirds-hz:after {
-  top: 66.6667%;
-}
-
-.ReactCrop__drag-handle {
-  width: var(--rc-drag-handle-size);
-  height: var(--rc-drag-handle-size);
-  background-color: var(--rc-drag-handle-bg-colour);
-  border: 1px solid var(--rc-border-color);
-  position: absolute;
-}
-
-.ReactCrop__drag-handle:focus {
-  background: var(--rc-focus-color);
-}
-
-.ReactCrop .ord-nw {
-  cursor: nw-resize;
-  top: 0;
-  left: 0;
-  transform: translate(-50%, -50%);
-}
-
-.ReactCrop .ord-n {
-  cursor: n-resize;
-  top: 0;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.ReactCrop .ord-ne {
-  cursor: ne-resize;
-  top: 0;
-  right: 0;
-  transform: translate(50%, -50%);
-}
-
-.ReactCrop .ord-e {
-  cursor: e-resize;
-  top: 50%;
-  right: 0;
-  transform: translate(50%, -50%);
-}
-
-.ReactCrop .ord-se {
-  cursor: se-resize;
-  bottom: 0;
-  right: 0;
-  transform: translate(50%, 50%);
-}
-
-.ReactCrop .ord-s {
-  cursor: s-resize;
-  bottom: 0;
-  left: 50%;
-  transform: translate(-50%, 50%);
-}
-
-.ReactCrop .ord-sw {
-  cursor: sw-resize;
-  bottom: 0;
-  left: 0;
-  transform: translate(-50%, 50%);
-}
-
-.ReactCrop .ord-w {
-  cursor: w-resize;
-  top: 50%;
-  left: 0;
-  transform: translate(-50%, -50%);
-}
-
-.ReactCrop__disabled .ReactCrop__drag-handle {
-  cursor: inherit;
-}
-
-.ReactCrop__drag-bar {
-  position: absolute;
-}
-
-.ReactCrop__drag-bar.ord-n {
-  width: 100%;
-  height: var(--rc-drag-bar-size);
-  top: 0;
-  left: 0;
-  transform: translateY(-50%);
-}
-
-.ReactCrop__drag-bar.ord-e {
-  width: var(--rc-drag-bar-size);
-  height: 100%;
-  top: 0;
-  right: 0;
-  transform: translate(50%);
-}
-
-.ReactCrop__drag-bar.ord-s {
-  width: 100%;
-  height: var(--rc-drag-bar-size);
-  bottom: 0;
-  left: 0;
-  transform: translateY(50%);
-}
-
-.ReactCrop__drag-bar.ord-w {
-  width: var(--rc-drag-bar-size);
-  height: 100%;
-  top: 0;
-  left: 0;
-  transform: translate(-50%);
-}
-
-.ReactCrop--new-crop .ReactCrop__drag-bar, .ReactCrop--new-crop .ReactCrop__drag-handle, .ReactCrop--fixed-aspect .ReactCrop__drag-bar, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s, .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
-  display: none;
-}
-
-@media (pointer: coarse) {
-  .ReactCrop .ord-n, .ReactCrop .ord-e, .ReactCrop .ord-s, .ReactCrop .ord-w {
-    display: none;
-  }
-
-  .ReactCrop__drag-handle {
-    width: var(--rc-drag-handle-mobile-size);
-    height: var(--rc-drag-handle-mobile-size);
-  }
-}
-
-.leaf-image-cropper {
-  width: 100%;
-  min-width: 0;
-  color: var(--leaf-color-text);
-  font: var(--leaf-font-size)/1.5 var(--leaf-font-family);
-}
-
-.leaf-image-cropper__stage {
-  aspect-ratio: 1;
-  box-sizing: border-box;
-  border-radius: var(--leaf-radius-md);
-  border: 1px solid var(--leaf-color-border);
-  background: repeating-conic-gradient(var(--leaf-color-surface-muted) 0% 25%, var(--leaf-color-border-surface-35) 0% 50%) 50%/16px 16px;
-  width: 100%;
-  transition: border-color var(--leaf-motion-duration) var(--leaf-motion-easing),box-shadow var(--leaf-motion-duration) var(--leaf-motion-easing);
-  justify-content: center;
-  align-items: center;
-  padding: 20px;
-  display: flex;
-  position: relative;
-  overflow: hidden;
-}
-
-.leaf-image-cropper__stage:focus-within {
-  border-color: var(--leaf-color-border-hover);
-  box-shadow: 0 0 0 3px var(--leaf-color-primary-alpha-12);
-}
-
-.leaf-image-cropper__stage {
-  --rc-drag-handle-bg-colour: #fff;
-  --rc-drag-handle-border-colour: #0006;
-  --rc-focus-color: var(--leaf-color-primary);
-  container-type: inline-size;
-}
-
-.leaf-image-cropper__stage .ReactCrop {
-  max-width: 100%;
-  max-height: 100%;
-  line-height: 0;
-  display: block;
-}
-
-.leaf-image-cropper__stage .ReactCrop__child-wrapper {
-  max-height: 100%;
-}
-
-.leaf-image-cropper__stage img {
-  -webkit-user-select: none;
-  user-select: none;
-  opacity: 0;
-  width: auto;
-  max-width: 100%;
-  height: auto;
-  max-height: calc(100cqw - 40px);
-  transition: opacity var(--leaf-motion-duration) var(--leaf-motion-easing);
-  display: block;
-}
-
-.leaf-image-cropper__stage[data-ready] img {
-  opacity: 1;
-}
-
-.leaf-image-cropper__stage .ReactCrop .ReactCrop__crop-selection {
-  background-image: none;
-  border: 1px solid #fff;
-  animation: none;
-}
-
-.leaf-image-cropper__stage .ReactCrop__drag-handle {
-  width: 10px;
-  height: 10px;
-  transition: box-shadow var(--leaf-motion-fast) var(--leaf-motion-easing),scale var(--leaf-motion-fast) var(--leaf-motion-spring);
-  border: 1px solid #fff;
-  border-radius: 2px;
-  box-shadow: 0 0 0 1px #0004;
-}
-
-.leaf-image-cropper__stage .ReactCrop__drag-handle:hover {
-  box-shadow: 0 0 0 2px var(--leaf-color-primary);
-  scale: 1.2;
-}
-
-.leaf-image-cropper__stage .ReactCrop__drag-handle.ord-n, .leaf-image-cropper__stage .ReactCrop__drag-handle.ord-s {
-  width: 20px;
-  height: 5px;
-}
-
-.leaf-image-cropper__stage .ReactCrop__drag-handle.ord-w, .leaf-image-cropper__stage .ReactCrop__drag-handle.ord-e {
-  width: 5px;
-  height: 20px;
-}
-
-.leaf-image-cropper__stage .ReactCrop__crop-selection:focus-visible {
-  outline: 2px solid var(--leaf-color-primary);
-  outline-offset: 3px;
-}
-
-.leaf-image-cropper__stage[data-disabled] {
-  opacity: .65;
-}
-
-.leaf-image-cropper__placeholder {
-  color: var(--leaf-color-text-subtle);
-  pointer-events: none;
-  place-items: center;
-  display: grid;
-  position: absolute;
-  inset: 0;
-}
-
-.leaf-image-cropper__dimensions {
-  -webkit-backdrop-filter: blur(8px);
-  backdrop-filter: blur(8px);
-  box-shadow: var(--leaf-shadow-sm);
-  color: #fff;
-  font: 11px/1.6 var(--leaf-font-family);
-  pointer-events: none;
-  font-variant-numeric: tabular-nums;
-  animation: var(--leaf-motion-animation, leaf-crop-dimensions-enter var(--leaf-motion-duration) var(--leaf-motion-easing));
-  background: #0009;
-  border: 1px solid #ffffff29;
-  border-radius: 6px;
-  padding: 3px 8px;
-  position: absolute;
-  inset-block-end: 10px;
-  inset-inline-end: 12px;
-}
-
-.leaf-image-cropper__actions {
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 6px;
-  padding-top: 10px;
-  display: flex;
-}
-
-.leaf-image-cropper__hint {
-  font-size: var(--leaf-font-size-sm);
-  color: var(--leaf-color-text-muted);
-  flex: 1;
-  min-width: 160px;
-}
-
-.leaf-image-cropper__error {
-  color: var(--leaf-color-danger);
-  margin: 8px 0 0;
-}
-
-@keyframes leaf-crop-dimensions-enter {
-  from {
-    opacity: 0;
-    transform: translateY(4px);
-  }
-
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .leaf-image-cropper__stage, .leaf-image-cropper__stage img, .leaf-image-cropper__stage .ReactCrop__drag-handle {
-    transition: none;
-  }
-
-  .leaf-image-cropper__dimensions {
-    animation: none;
-  }
-}
-
 .leaf-input-otp {
   --leaf-otp-size: var(--leaf-control-height);
   max-width: 100%;
@@ -11359,6 +11300,7 @@
 }
 
 .leaf-input-otp__slot {
+  box-sizing: border-box;
   width: var(--leaf-otp-size);
   height: var(--leaf-otp-size);
   border: 1px solid var(--leaf-color-border);
@@ -12574,8 +12516,6 @@
 }
 
 .leaf-float-group {
-  inset-inline-end: 24px;
-  z-index: 50;
   border: 0;
   flex-direction: column;
   gap: 10px;
@@ -12583,6 +12523,11 @@
   margin: 0;
   padding: 0;
   display: flex;
+}
+
+.leaf-float-group--fixed {
+  inset-inline-end: 24px;
+  z-index: 50;
   position: fixed;
   bottom: 24px;
 }
@@ -12659,9 +12604,9 @@
 }
 
 .leaf-mentions__panel [aria-selected="true"] .leaf-mentions__prefix {
-  background: var(--leaf-color-primary);
-  color: var(--leaf-color-on-primary);
-  border-color: var(--leaf-color-primary);
+  background: var(--leaf-color-surface);
+  color: var(--leaf-color-text);
+  border-color: var(--leaf-color-border-hover);
   transform: scale(1.06);
 }
 
@@ -12698,12 +12643,12 @@
 
 .leaf-command-palette__list .leaf-floating__option {
   z-index: 1;
+  min-height: var(--leaf-density-option-height);
   gap: 10px;
-  min-height: 36px;
   position: relative;
 }
 
-.leaf-command-palette__list .leaf-floating__option[aria-selected="true"], .leaf-command-palette__list .leaf-floating__option:hover:not(:disabled) {
+.leaf-command-palette__list .leaf-floating__option[aria-selected="true"], .leaf-command-palette__list .leaf-floating__option:hover:not(:disabled), .leaf-command-palette__list .leaf-floating__option:active:not(:disabled) {
   color: var(--leaf-color-text);
   background: none;
 }
@@ -12735,11 +12680,11 @@
 .leaf-command-palette__selection {
   box-sizing: border-box;
   top: 0;
-  height: var(--leaf-command-selection-height, 36px);
+  height: var(--leaf-command-selection-height, var(--leaf-density-option-height));
   translate: 0 var(--leaf-command-selection-y, 0px);
   border: 1px solid var(--leaf-color-border-alpha-60);
   border-radius: var(--leaf-floating-option-radius, var(--leaf-radius-sm));
-  background: var(--leaf-color-surface-muted);
+  background: var(--leaf-color-option-hover);
   pointer-events: none;
   transition: translate var(--leaf-motion-duration) var(--leaf-motion-spring),height var(--leaf-motion-fast) var(--leaf-motion-easing);
   position: absolute;