@1337exp/taoui 1.3.2 → 1.3.4

package/dist/styles.css

@@ -673,11 +673,11 @@ to {
     color: var(--tao-color-text);
 }
 
-.tao-tooltip-wrapper[data-v-6f3b3c11] {
+.tao-tooltip-wrapper[data-v-fa4a9dac] {
     position: relative;
     display: inline-block;
 }
-.tao-tooltip[data-v-6f3b3c11] {
+.tao-tooltip[data-v-fa4a9dac] {
     position: absolute;
     padding: var(--tao-space-2) var(--tao-space-3);
     background: var(--tao-color-surface-raised);
@@ -692,7 +692,7 @@ to {
        на сам тултип он "залипает" и не скрывается). */
     pointer-events: none;
 }
-.tao-tooltip[data-v-6f3b3c11]::after {
+.tao-tooltip[data-v-fa4a9dac]::after {
     content: '';
     position: absolute;
     width: 8px;
@@ -700,56 +700,56 @@ to {
     background: var(--tao-color-surface-raised);
     transform: rotate(45deg);
 }
-.tao-tooltip--top[data-v-6f3b3c11] {
+.tao-tooltip--top[data-v-fa4a9dac] {
     bottom: 100%;
     left: 50%;
     transform: translateX(-50%);
     margin-bottom: var(--tao-space-2);
 }
-.tao-tooltip--top[data-v-6f3b3c11]::after {
+.tao-tooltip--top[data-v-fa4a9dac]::after {
     top: 100%;
     left: 50%;
     margin-top: -4px;
     margin-left: -4px;
 }
-.tao-tooltip--bottom[data-v-6f3b3c11] {
+.tao-tooltip--bottom[data-v-fa4a9dac] {
     top: 100%;
     left: 50%;
     transform: translateX(-50%);
     margin-top: var(--tao-space-2);
 }
-.tao-tooltip--bottom[data-v-6f3b3c11]::after {
+.tao-tooltip--bottom[data-v-fa4a9dac]::after {
     bottom: 100%;
     left: 50%;
     margin-bottom: -4px;
     margin-left: -4px;
 }
-.tao-tooltip--left[data-v-6f3b3c11] {
+.tao-tooltip--left[data-v-fa4a9dac] {
     right: 100%;
     top: 50%;
     transform: translateY(-50%);
     margin-right: var(--tao-space-2);
 }
-.tao-tooltip--left[data-v-6f3b3c11]::after {
+.tao-tooltip--left[data-v-fa4a9dac]::after {
     right: 0;
     top: 50%;
     margin-top: -4px;
     margin-right: -4px;
 }
-.tao-tooltip--right[data-v-6f3b3c11] {
+.tao-tooltip--right[data-v-fa4a9dac] {
     left: 100%;
     top: 50%;
     transform: translateY(-50%);
     margin-left: var(--tao-space-2);
 }
-.tao-tooltip--right[data-v-6f3b3c11]::after {
+.tao-tooltip--right[data-v-fa4a9dac]::after {
     left: 0;
     top: 50%;
     margin-top: -4px;
     margin-left: -4px;
 }
-.tao-tooltip-fade-enter-active[data-v-6f3b3c11],
-.tao-tooltip-fade-leave-active[data-v-6f3b3c11] {
+.tao-tooltip-fade-enter-active[data-v-fa4a9dac],
+.tao-tooltip-fade-leave-active[data-v-fa4a9dac] {
     transition: opacity var(--tao-duration-base) var(--tao-ease-base),
         transform var(--tao-duration-base) var(--tao-ease-base);
 }
@@ -758,23 +758,23 @@ to {
    поверх базового центрирующего transform каждой позиции — иначе
    общий translateX(-50%) конфликтует с left/right, где центрирование
    идёт по вертикали (translateY(-50%)), и блок "убегает" в сторону. */
-.tao-tooltip--top.tao-tooltip-fade-enter-from[data-v-6f3b3c11],
-.tao-tooltip--top.tao-tooltip-fade-leave-to[data-v-6f3b3c11] {
+.tao-tooltip--top.tao-tooltip-fade-enter-from[data-v-fa4a9dac],
+.tao-tooltip--top.tao-tooltip-fade-leave-to[data-v-fa4a9dac] {
     opacity: 0;
     transform: translateX(-50%) translateY(4px);
 }
-.tao-tooltip--bottom.tao-tooltip-fade-enter-from[data-v-6f3b3c11],
-.tao-tooltip--bottom.tao-tooltip-fade-leave-to[data-v-6f3b3c11] {
+.tao-tooltip--bottom.tao-tooltip-fade-enter-from[data-v-fa4a9dac],
+.tao-tooltip--bottom.tao-tooltip-fade-leave-to[data-v-fa4a9dac] {
     opacity: 0;
     transform: translateX(-50%) translateY(-4px);
 }
-.tao-tooltip--left.tao-tooltip-fade-enter-from[data-v-6f3b3c11],
-.tao-tooltip--left.tao-tooltip-fade-leave-to[data-v-6f3b3c11] {
+.tao-tooltip--left.tao-tooltip-fade-enter-from[data-v-fa4a9dac],
+.tao-tooltip--left.tao-tooltip-fade-leave-to[data-v-fa4a9dac] {
     opacity: 0;
     transform: translateY(-50%) translateX(4px);
 }
-.tao-tooltip--right.tao-tooltip-fade-enter-from[data-v-6f3b3c11],
-.tao-tooltip--right.tao-tooltip-fade-leave-to[data-v-6f3b3c11] {
+.tao-tooltip--right.tao-tooltip-fade-enter-from[data-v-fa4a9dac],
+.tao-tooltip--right.tao-tooltip-fade-leave-to[data-v-fa4a9dac] {
     opacity: 0;
     transform: translateY(-50%) translateX(-4px);
 }
@@ -1524,64 +1524,82 @@ to {
 }
 }
 
-.tao-slider[data-v-241d1042] {
+.tao-slider[data-v-24a38782] {
+    --tao-slider-hit: 14px;
+    --tao-slider-track: var(--tao-slider-hit);
+    --tao-slider-thumb: 20px;
+
     position: relative;
     width: 100%;
-    height: 14px;
+    height: var(--tao-slider-hit);
     cursor: pointer;
     user-select: none;
+    touch-action: none;
 }
-.tao-slider[data-v-241d1042]:focus {
+.tao-slider[data-v-24a38782]:focus {
     outline: none;
 }
-.tao-slider[data-v-241d1042]:focus-visible {
+.tao-slider[data-v-24a38782]:focus-visible {
     outline: 2px solid var(--tao-color-accent);
     outline-offset: 4px;
     border-radius: var(--tao-radius-sm);
 }
-.tao-slider--show-value[data-v-241d1042] {
-    height: 20px;
+.tao-slider--show-value[data-v-24a38782] {
+    --tao-slider-hit: 20px;
+}
+
+/* Тонкий трек, hit-area шире картинки — seek / громкость. */
+.tao-slider--small[data-v-24a38782] {
+    --tao-slider-hit: 16px;
+    --tao-slider-track: 4px;
+    --tao-slider-thumb: 12px;
+}
+.tao-slider--small.tao-slider--show-value[data-v-24a38782] {
+    --tao-slider-hit: 20px;
 }
-.tao-slider--disabled[data-v-241d1042] {
+.tao-slider--disabled[data-v-24a38782] {
     cursor: not-allowed;
     opacity: 0.6;
 }
-.tao-slider--disabled .tao-slider__thumb[data-v-241d1042] {
+.tao-slider--disabled .tao-slider__thumb[data-v-24a38782] {
     cursor: not-allowed;
 }
-.tao-slider__track[data-v-241d1042] {
+.tao-slider__track[data-v-24a38782],
+.tao-slider__fill[data-v-24a38782] {
     position: absolute;
-    top: 0;
+    top: 50%;
     left: 0;
-    width: 100%;
-    height: 100%;
+    height: var(--tao-slider-track);
     border-radius: var(--tao-radius-sm);
+    transform: translateY(-50%);
+}
+.tao-slider__track[data-v-24a38782] {
+    width: 100%;
     background-color: var(--tao-color-surface-sunken);
 }
-.tao-slider__fill[data-v-241d1042] {
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
+.tao-slider__fill[data-v-24a38782] {
     background-color: var(--tao-color-accent);
-    border-radius: var(--tao-radius-sm);
 }
-.tao-slider__thumb[data-v-241d1042] {
+.tao-slider--small .tao-slider__track[data-v-24a38782],
+.tao-slider--small .tao-slider__fill[data-v-24a38782] {
+    border-radius: var(--tao-radius-full);
+}
+.tao-slider__thumb[data-v-24a38782] {
     position: absolute;
     top: 50%;
-    width: 20px;
-    height: 20px;
+    width: var(--tao-slider-thumb);
+    height: var(--tao-slider-thumb);
     background-color: var(--tao-color-accent);
     border: 2px solid var(--tao-color-surface-sunken);
     border-radius: var(--tao-radius-full);
     transform: translate(-50%, -50%);
     cursor: grab;
 }
-.tao-slider__thumb[data-v-241d1042]:active {
+.tao-slider__thumb[data-v-24a38782]:active {
     cursor: grabbing;
 }
-.tao-slider__value[data-v-241d1042],
-.tao-slider__shadow-input[data-v-241d1042] {
+.tao-slider__value[data-v-24a38782],
+.tao-slider__shadow-input[data-v-24a38782] {
     position: absolute;
     inset: 0;
     display: flex;
@@ -1593,12 +1611,12 @@ to {
     font-weight: 900;
     letter-spacing: 0.05em;
 }
-.tao-slider__value[data-v-241d1042] {
+.tao-slider__value[data-v-24a38782] {
     color: var(--tao-color-text-strong);
     text-shadow: -1px -1px 0 var(--tao-color-bg), 1px -1px 0 var(--tao-color-bg),
         -1px 1px 0 var(--tao-color-bg), 1px 1px 0 var(--tao-color-bg);
 }
-.tao-slider__shadow-input[data-v-241d1042] {
+.tao-slider__shadow-input[data-v-24a38782] {
     text-align: center;
     border: none;
     background: transparent;
@@ -1607,17 +1625,17 @@ to {
     outline: none;
 }
 
-.tao-file-drop[data-v-fbd848b0] {
+.tao-file-drop[data-v-f97c4e91] {
     display: flex;
     flex-direction: column;
     gap: var(--tao-space-2);
     user-select: none;
 }
-.tao-file-drop__row[data-v-fbd848b0] {
+.tao-file-drop__row[data-v-f97c4e91] {
     display: flex;
     gap: var(--tao-space-3);
 }
-.tao-file-drop__clear[data-v-fbd848b0] {
+.tao-file-drop__clear[data-v-f97c4e91] {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -1631,10 +1649,10 @@ to {
     font-family: inherit;
     transition: var(--tao-transition-base);
 }
-.tao-file-drop__clear[data-v-fbd848b0]:hover {
+.tao-file-drop__clear[data-v-f97c4e91]:hover {
     background-color: color-mix(in srgb, var(--tao-color-danger) 22%, transparent);
 }
-.tao-file-drop__zone[data-v-fbd848b0] {
+.tao-file-drop__zone[data-v-f97c4e91] {
     flex-grow: 1;
     font-size: var(--tao-font-size-sm);
     font-family: var(--tao-font-family);
@@ -1646,25 +1664,25 @@ to {
     cursor: pointer;
     transition: var(--tao-transition-base);
 }
-.tao-file-drop__zone[data-v-fbd848b0]:hover,
-.tao-file-drop__zone[data-v-fbd848b0]:focus-within {
+.tao-file-drop__zone[data-v-f97c4e91]:hover,
+.tao-file-drop__zone[data-v-f97c4e91]:focus-within {
     background-color: var(--tao-color-accent-subtle);
     border-color: var(--tao-color-accent);
 }
-.tao-file-drop__zone--dragging[data-v-fbd848b0] {
+.tao-file-drop__zone--dragging[data-v-f97c4e91] {
     border-color: var(--tao-color-text-strong);
     background-color: var(--tao-color-surface-sunken);
 }
-.tao-file-drop__zone--small[data-v-fbd848b0] {
+.tao-file-drop__zone--small[data-v-f97c4e91] {
     padding: var(--tao-space-5) var(--tao-space-4);
 }
-.tao-file-drop__zone--medium[data-v-fbd848b0] {
+.tao-file-drop__zone--medium[data-v-f97c4e91] {
     padding: var(--tao-space-8) var(--tao-space-5);
 }
-.tao-file-drop__zone--large[data-v-fbd848b0] {
+.tao-file-drop__zone--large[data-v-f97c4e91] {
     padding: var(--tao-space-10) var(--tao-space-6);
 }
-.tao-file-drop__list[data-v-fbd848b0] {
+.tao-file-drop__list[data-v-f97c4e91] {
     margin: 0;
     padding: 0;
     overflow: hidden;
@@ -1672,7 +1690,7 @@ to {
     border: 1px solid var(--tao-color-border);
     border-radius: var(--tao-radius-control);
 }
-.tao-file-drop__file[data-v-fbd848b0] {
+.tao-file-drop__file[data-v-f97c4e91] {
     display: flex;
     align-items: center;
     gap: var(--tao-space-2);
@@ -1683,10 +1701,10 @@ to {
     background: var(--tao-color-surface-raised);
     color: var(--tao-color-text);
 }
-.tao-file-drop__file[data-v-fbd848b0]:last-child {
+.tao-file-drop__file[data-v-f97c4e91]:last-child {
     border-bottom: none;
 }
-.tao-file-drop__name[data-v-fbd848b0] {
+.tao-file-drop__name[data-v-f97c4e91] {
     flex: 1 1 auto;
     min-width: 0;
     overflow: hidden;
@@ -1695,12 +1713,12 @@ to {
     white-space: nowrap;
     user-select: text;
 }
-.tao-file-drop__meta[data-v-fbd848b0] {
+.tao-file-drop__meta[data-v-f97c4e91] {
     flex-shrink: 0;
     font-size: var(--tao-font-size-xs);
     color: var(--tao-color-text-muted);
 }
-.tao-file-drop__remove[data-v-fbd848b0] {
+.tao-file-drop__remove[data-v-f97c4e91] {
     flex-shrink: 0;
     width: 28px;
     height: 28px;
@@ -1715,11 +1733,11 @@ to {
     line-height: 1;
     cursor: pointer;
 }
-.tao-file-drop__remove[data-v-fbd848b0]:hover {
+.tao-file-drop__remove[data-v-f97c4e91]:hover {
     color: var(--tao-color-danger);
     background: var(--tao-color-danger-subtle);
 }
-.tao-file-drop__remove[data-v-fbd848b0]:focus-visible {
+.tao-file-drop__remove[data-v-f97c4e91]:focus-visible {
     outline: 2px solid var(--tao-color-accent);
     outline-offset: 2px;
 }
@@ -2015,10 +2033,10 @@ to {
     cursor: not-allowed;
 }
 
-.tao-combobox[data-v-adeb76a4] {
+.tao-combobox[data-v-60be67d0] {
     width: 100%;
 }
-.tao-combobox__field[data-v-adeb76a4] {
+.tao-combobox__field[data-v-60be67d0] {
     display: flex;
     align-items: center;
     gap: var(--tao-space-2);
@@ -2031,17 +2049,17 @@ to {
     color: var(--tao-color-input-text);
     transition: var(--tao-transition-base);
 }
-.tao-combobox__field[data-v-adeb76a4]:focus-within {
+.tao-combobox__field[data-v-60be67d0]:focus-within {
     border-color: var(--tao-color-accent);
     box-shadow: 0 0 0 2px var(--tao-color-accent-subtle-hover);
 }
-.tao-combobox--invalid .tao-combobox__field[data-v-adeb76a4] {
+.tao-combobox--invalid .tao-combobox__field[data-v-60be67d0] {
     border-color: var(--tao-color-danger);
 }
-.tao-combobox--invalid .tao-combobox__field[data-v-adeb76a4]:focus-within {
+.tao-combobox--invalid .tao-combobox__field[data-v-60be67d0]:focus-within {
     box-shadow: 0 0 0 2px var(--tao-color-danger-subtle);
 }
-.tao-combobox__input[data-v-adeb76a4] {
+.tao-combobox__input[data-v-60be67d0] {
     flex: 1;
     min-width: 0;
     height: 34px;
@@ -2053,17 +2071,17 @@ to {
     font-family: inherit;
     outline: none;
 }
-.tao-combobox__input[data-v-adeb76a4]::placeholder {
+.tao-combobox__input[data-v-60be67d0]::placeholder {
     color: var(--tao-color-input-placeholder);
 }
-.tao-combobox__input[data-v-adeb76a4]:disabled {
+.tao-combobox__input[data-v-60be67d0]:disabled {
     cursor: not-allowed;
 }
-.tao-combobox--disabled .tao-combobox__field[data-v-adeb76a4] {
+.tao-combobox--disabled .tao-combobox__field[data-v-60be67d0] {
     opacity: 0.6;
     cursor: not-allowed;
 }
-.tao-combobox__chevron[data-v-adeb76a4] {
+.tao-combobox__chevron[data-v-60be67d0] {
     flex-shrink: 0;
     width: 0;
     height: 0;
@@ -2074,7 +2092,7 @@ to {
     pointer-events: none;
     transition: transform var(--tao-duration-fast) var(--tao-ease-base);
 }
-.tao-combobox--open .tao-combobox__chevron[data-v-adeb76a4] {
+.tao-combobox--open .tao-combobox__chevron[data-v-60be67d0] {
     transform: rotate(180deg);
 }
 .tao-date__panel {
@@ -2306,10 +2324,10 @@ to {
     opacity: 0.7;
 }
 
-.tao-date-range[data-v-4e222262] {
+.tao-date-range[data-v-3d067081] {
     width: 100%;
 }
-.tao-date-range__trigger[data-v-4e222262] {
+.tao-date-range__trigger[data-v-3d067081] {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -2327,31 +2345,31 @@ to {
     cursor: pointer;
     transition: var(--tao-transition-base);
 }
-.tao-date-range__trigger--placeholder[data-v-4e222262] {
+.tao-date-range__trigger--placeholder[data-v-3d067081] {
     color: var(--tao-color-input-placeholder);
 }
-.tao-date-range__trigger[data-v-4e222262]:focus {
+.tao-date-range__trigger[data-v-3d067081]:focus {
     outline: none;
     border-color: var(--tao-color-accent);
     box-shadow: 0 0 0 2px var(--tao-color-accent-subtle-hover);
 }
-.tao-date-range--invalid .tao-date-range__trigger[data-v-4e222262] {
+.tao-date-range--invalid .tao-date-range__trigger[data-v-3d067081] {
     border-color: var(--tao-color-danger);
 }
-.tao-date-range--invalid .tao-date-range__trigger[data-v-4e222262]:focus {
+.tao-date-range--invalid .tao-date-range__trigger[data-v-3d067081]:focus {
     box-shadow: 0 0 0 2px var(--tao-color-danger-subtle);
 }
-.tao-date-range__trigger[data-v-4e222262]:disabled {
+.tao-date-range__trigger[data-v-3d067081]:disabled {
     opacity: 0.6;
     cursor: not-allowed;
 }
-.tao-date-range__value[data-v-4e222262] {
+.tao-date-range__value[data-v-3d067081] {
     min-width: 0;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
-.tao-date-range__icon[data-v-4e222262] {
+.tao-date-range__icon[data-v-3d067081] {
     flex-shrink: 0;
     opacity: 0.7;
 }
@@ -3137,19 +3155,19 @@ to {
 }
 }
 
-.tao-carousel[data-v-81afb8b0] {
+.tao-carousel[data-v-4f6de725] {
     display: flex;
     flex-direction: column;
     gap: var(--tao-space-2);
     width: 100%;
 }
-.tao-carousel__row[data-v-81afb8b0] {
+.tao-carousel__row[data-v-4f6de725] {
     display: flex;
     align-items: center;
     gap: var(--tao-space-2);
     width: 100%;
 }
-.tao-carousel__track[data-v-81afb8b0] {
+.tao-carousel__track[data-v-4f6de725] {
     display: flex;
     flex: 1 1 auto;
     gap: var(--tao-space-3);
@@ -3163,18 +3181,18 @@ to {
     touch-action: pan-x;
     cursor: grab;
 }
-.tao-carousel__track[data-v-81afb8b0]::-webkit-scrollbar {
+.tao-carousel__track[data-v-4f6de725]::-webkit-scrollbar {
     display: none;
 }
-.tao-carousel__track--dragging[data-v-81afb8b0] {
+.tao-carousel__track--dragging[data-v-4f6de725] {
     scroll-snap-type: none;
     cursor: grabbing;
 }
-.tao-carousel__track[data-v-81afb8b0]:focus-visible {
+.tao-carousel__track[data-v-4f6de725]:focus-visible {
     outline: 2px solid var(--tao-color-accent);
     outline-offset: 2px;
 }
-.tao-carousel__track[data-v-81afb8b0] >  * {
+.tao-carousel__track[data-v-4f6de725] >  * {
     box-sizing: border-box;
     flex: 0 0 auto;
     width: max(
@@ -3187,7 +3205,7 @@ to {
     min-width: 0;
     scroll-snap-align: start;
 }
-.tao-carousel__nav[data-v-81afb8b0] {
+.tao-carousel__nav[data-v-4f6de725] {
     display: inline-flex;
     flex: 0 0 auto;
     align-items: center;
@@ -3206,29 +3224,29 @@ to {
     cursor: pointer;
     transition: var(--tao-transition-base);
 }
-.tao-carousel__nav svg[data-v-81afb8b0] {
+.tao-carousel__nav svg[data-v-4f6de725] {
     display: block;
 }
-.tao-carousel__nav[data-v-81afb8b0]:hover:not(:disabled) {
+.tao-carousel__nav[data-v-4f6de725]:hover:not(:disabled) {
     background: var(--tao-color-surface-hover);
     color: var(--tao-color-text-strong);
 }
-.tao-carousel__nav[data-v-81afb8b0]:focus-visible {
+.tao-carousel__nav[data-v-4f6de725]:focus-visible {
     outline: 2px solid var(--tao-color-accent);
     outline-offset: 2px;
 }
-.tao-carousel__nav[data-v-81afb8b0]:disabled {
+.tao-carousel__nav[data-v-4f6de725]:disabled {
     opacity: 0.4;
     cursor: not-allowed;
 }
-.tao-carousel__dots[data-v-81afb8b0] {
+.tao-carousel__dots[data-v-4f6de725] {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     gap: 2px;
 }
-.tao-carousel__dot[data-v-81afb8b0] {
+.tao-carousel__dot[data-v-4f6de725] {
     display: inline-flex;
     flex: 0 0 auto;
     align-items: center;
@@ -3241,7 +3259,7 @@ to {
     background: transparent;
     cursor: pointer;
 }
-.tao-carousel__pip[data-v-81afb8b0] {
+.tao-carousel__pip[data-v-4f6de725] {
     display: block;
     width: 6px;
     height: 6px;
@@ -3249,23 +3267,23 @@ to {
     background: var(--tao-color-border-strong);
     transition: width var(--tao-duration-base) var(--tao-ease-base), background var(--tao-duration-base) var(--tao-ease-base);
 }
-.tao-carousel__dot--active .tao-carousel__pip[data-v-81afb8b0] {
+.tao-carousel__dot--active .tao-carousel__pip[data-v-4f6de725] {
     width: 18px;
     background: var(--tao-color-accent);
 }
-.tao-carousel__dot:hover:not(.tao-carousel__dot--active) .tao-carousel__pip[data-v-81afb8b0] {
+.tao-carousel__dot:hover:not(.tao-carousel__dot--active) .tao-carousel__pip[data-v-4f6de725] {
     background: var(--tao-color-text-muted);
 }
-.tao-carousel__dot[data-v-81afb8b0]:focus-visible {
+.tao-carousel__dot[data-v-4f6de725]:focus-visible {
     outline: 2px solid var(--tao-color-accent);
     outline-offset: 2px;
     border-radius: var(--tao-radius-full);
 }
 @media (prefers-reduced-motion: reduce) {
-.tao-carousel__track[data-v-81afb8b0] {
+.tao-carousel__track[data-v-4f6de725] {
         scroll-behavior: auto;
 }
-.tao-carousel__pip[data-v-81afb8b0] {
+.tao-carousel__pip[data-v-4f6de725] {
         transition: none;
 }
 }
@@ -3328,7 +3346,7 @@ to {
 }
 }
 
-.tao-toast[data-v-c8a329f5] {
+.tao-toast[data-v-7c4692c0] {
     --tao-toast-tone: var(--tao-color-accent);
 
     position: relative;
@@ -3345,32 +3363,32 @@ to {
     box-shadow: var(--tao-shadow-overlay);
     pointer-events: auto;
 }
-.tao-toast--success[data-v-c8a329f5] {
+.tao-toast--success[data-v-7c4692c0] {
     --tao-toast-tone: var(--tao-color-success);
 }
-.tao-toast--error[data-v-c8a329f5],
-.tao-toast--danger[data-v-c8a329f5] {
+.tao-toast--error[data-v-7c4692c0],
+.tao-toast--danger[data-v-7c4692c0] {
     --tao-toast-tone: var(--tao-color-danger);
 }
-.tao-toast--warning[data-v-c8a329f5] {
+.tao-toast--warning[data-v-7c4692c0] {
     --tao-toast-tone: var(--tao-color-warning);
 }
-.tao-toast--info[data-v-c8a329f5] {
+.tao-toast--info[data-v-7c4692c0] {
     --tao-toast-tone: var(--tao-color-info);
 }
-.tao-toast__accent[data-v-c8a329f5] {
+.tao-toast__accent[data-v-7c4692c0] {
     position: absolute;
     inset: 0 auto 0 0;
     width: 3px;
     background: var(--tao-toast-tone);
 }
-.tao-toast__icon[data-v-c8a329f5] {
+.tao-toast__icon[data-v-7c4692c0] {
     display: inline-flex;
     flex-shrink: 0;
     margin-top: 1px;
     color: var(--tao-toast-tone);
 }
-.tao-toast__body[data-v-c8a329f5] {
+.tao-toast__body[data-v-7c4692c0] {
     display: flex;
     flex-direction: column;
     gap: var(--tao-space-1);
@@ -3378,25 +3396,25 @@ to {
     flex: 1;
     padding-right: var(--tao-space-4);
 }
-.tao-toast__title[data-v-c8a329f5] {
+.tao-toast__title[data-v-7c4692c0] {
     font-size: var(--tao-font-size-md);
     font-weight: 600;
     color: var(--tao-color-text-strong);
     line-height: 1.3;
 }
-.tao-toast__message[data-v-c8a329f5] {
+.tao-toast__message[data-v-7c4692c0] {
     margin: 0;
     font-size: var(--tao-font-size-sm);
     line-height: 1.45;
     color: var(--tao-color-text);
 }
-.tao-toast__actions[data-v-c8a329f5] {
+.tao-toast__actions[data-v-7c4692c0] {
     display: flex;
     flex-wrap: wrap;
     gap: var(--tao-space-2);
     margin-top: var(--tao-space-1);
 }
-.tao-toast__close[data-v-c8a329f5] {
+.tao-toast__close[data-v-7c4692c0] {
     position: absolute;
     top: var(--tao-space-1);
     right: var(--tao-space-2);
@@ -3408,10 +3426,10 @@ to {
     line-height: 1;
     cursor: pointer;
 }
-.tao-toast__close[data-v-c8a329f5]:hover {
+.tao-toast__close[data-v-7c4692c0]:hover {
     color: var(--tao-color-text-strong);
 }
-.tao-toast__progress[data-v-c8a329f5] {
+.tao-toast__progress[data-v-7c4692c0] {
     position: absolute;
     left: 0;
     right: 0;
@@ -3419,14 +3437,14 @@ to {
     height: 2px;
     transform-origin: left center;
     background: var(--tao-toast-tone);
-    animation-name: tao-toast-progress-c8a329f5;
+    animation-name: tao-toast-progress-7c4692c0;
     animation-timing-function: linear;
     animation-fill-mode: forwards;
 }
-.tao-toast--paused .tao-toast__progress[data-v-c8a329f5] {
+.tao-toast--paused .tao-toast__progress[data-v-7c4692c0] {
     animation-play-state: paused;
 }
-@keyframes tao-toast-progress-c8a329f5 {
+@keyframes tao-toast-progress-7c4692c0 {
 from {
         transform: scaleX(1);
 }