poe-svelte-ui-lib 1.20.2 → 1.20.4

package/dist/Button/Button.svelte

@@ -97,7 +97,7 @@
   })
 </script>
 
-<div class={twMerge(`relative flex w-full flex-col items-center gap-1`, wrapperClass)}>
+<div class={twMerge(`relative flex w-full flex-col items-center`, wrapperClass)}>
   <button
     {id}
     class={`${twMerge(
@@ -145,9 +145,4 @@
   </button>
 
   <Tooltip show={showInfo} text={content.info?.text ?? ""} side={content.info?.side ?? "top"} />
-
-  <!-- Такая же зарезервированная строка, как у Input/Select (h-4, всегда пустая — у кнопки
-       нет валидации), чтобы высота совпадала при совместном размещении в одной строке
-       (items-end) с полем ввода или селектом. -->
-  <span class="block h-4" aria-hidden="true"></span>
 </div>

package/dist/FileAttach/FileAttach.svelte

@@ -100,9 +100,4 @@
       </div>
     </label>
   {/if}
-
-  <!-- Такая же зарезервированная строка, как у Input/Select/Button (h-4, всегда пустая —
-       у FileAttach нет валидации), чтобы высота совпадала при совместном размещении в одной
-       строке (items-end) с полем ввода, селектом или кнопкой. -->
-  <span class="block h-4" aria-hidden="true"></span>
 </div>

package/dist/Input/Input.svelte

@@ -239,9 +239,11 @@
     {/if}
   </div>
 
-  <!-- Место под ошибку зарезервировано всегда (высота фиксирована, не только когда задан
-       help.regExp), чтобы Input сохранял одну и ту же высоту во всех случаях — иначе он не
-       совпадает по высоте с Select в одной строке (items-end), когда у одного поля есть
-       валидация, а у другого нет. -->
-  <span class="block h-4 text-[12px] text-(--red-color)">{help.regExp && !isValid ? "Неверный формат" : ""}</span>
+  {#if help.regExp && !isValid}
+    <!-- Абсолютное позиционирование — сообщение об ошибке не должно занимать место в потоке
+       и сдвигать соседние поля/кнопки в общей строке; было: зарезервированная строка h-4
+       всегда в потоке — давала лишний зазор везде, где ошибке взяться неоткуда (например
+       вертикальный список кнопок быстрых команд в Отладке). -->
+    <span class="absolute top-full left-0 mt-1 text-[12px] text-(--red-color)">Неверный формат</span>
+  {/if}
 </div>

package/dist/Select/Select.svelte

@@ -220,6 +220,7 @@
             id={option.id}
             class="{twMerge(
               `min-w-0 flex-1 px-3 py-2 text-[13px] font-semibold transition-colors duration-150
+               ${index === 0 ? 'rounded-l-[9px]' : ''} ${index === options.length - 1 ? 'rounded-r-[9px]' : ''}
                ${index > 0 ? 'border-l border-(--border-color)' : ''}
                ${
                  hasOwnColor
@@ -287,8 +288,4 @@
       {/if}
     {/if}
   </div>
-
-  <!-- Такая же зарезервированная строка, как у Input (h-4, всегда пустая — у Select нет
-       валидации), чтобы высота совпадала при совместном размещении в одной строке (items-end). -->
-  <span class="block h-4 text-[12px]"></span>
 </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poe-svelte-ui-lib",
-  "version": "1.20.2",
+  "version": "1.20.4",
   "license": "MIT",
   "type": "module",
   "scripts": {