vueless 0.0.649 → 0.0.651

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.649",
+  "version": "0.0.651",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/ui.form-select/USelect.vue

@@ -487,11 +487,7 @@ const {
         </slot>
       </div>
 
-      <div
-        v-if="hasSlotContent($slots['after-caret']) && !(multiple && localValue?.length)"
-        v-bind="afterCaretAttrs"
-        :tabindex="-1"
-      >
+      <div v-if="hasSlotContent($slots['after-caret'])" v-bind="afterCaretAttrs" :tabindex="-1">
         <!--
           @slot Use it to add something after caret.
           @binding {object} option

package/ui.form-select/config.ts

@@ -80,7 +80,7 @@ export default /*tw*/ {
   leftSlot: "pr-1.5",
   rightSlot: "{>caret} pr-3",
   beforeCaret: "{>caret}",
-  afterCaret: "{>caret} mr-3",
+  afterCaret: "{>caret} mr-3 items-start pt-3",
   caret: {
     base: "flex items-center",
     compoundVariants: [

package/ui.form-select/storybook/stories.ts

@@ -254,14 +254,7 @@ export const SlotAfterCaret = DefaultTemplate.bind({});
 SlotAfterCaret.args = {
   slotTemplate: `
     <template #after-caret="{ scopeProps }">
-      <UBadge
-        v-show="scopeProps?.modelValue"
-        :label="getSelectedBadge(scopeProps?.options, scopeProps?.modelValue)?.badge"
-      />
-    </template>
-    <template #option="{ option }">
-      {{ option.label }}
-      <UBadge :label="option.badge" />
+      🤘
     </template>
   `,
 };

package/ui.form-textarea/UTextarea.vue

@@ -161,10 +161,9 @@ useMutationObserver(leftSlotWrapperRef, (mutations) => {
 function setLabelPosition() {
   if (props.labelAlign === "top" || !hasSlotContent(slots["left"])) return;
 
-  if (leftSlotWrapperRef.value && wrapperRef.value && labelComponentRef.value?.labelElement) {
+  if (leftSlotWrapperRef.value && textareaRef.value && labelComponentRef.value?.labelElement) {
     const leftSlotWidth = leftSlotWrapperRef.value.getBoundingClientRect().width;
-
-    const textareaPaddingLeft = parseFloat(getComputedStyle(wrapperRef.value).paddingLeft);
+    const textareaPaddingLeft = parseFloat(getComputedStyle(textareaRef.value).paddingLeft);
 
     labelComponentRef.value.labelElement.style.left = `${leftSlotWidth + textareaPaddingLeft}px`;
   }

package/ui.form-textarea/config.ts

@@ -1,7 +1,7 @@
 export default /*tw*/ {
   textareaLabel: "{ULabel}",
-  leftSlot: "flex items-center justify-center whitespace-nowrap pr-2.5 gap-1 rounded-dynamic rounded-r-none",
-  rightSlot: "flex items-center justify-center whitespace-nowrap pl-2.5 gap-1 rounded-dynamic rounded-l-none",
+  leftSlot: "flex items-center justify-center whitespace-nowrap pl-3 gap-1 rounded-dynamic rounded-r-none",
+  rightSlot: "flex items-center justify-center whitespace-nowrap pr-3 gap-1 rounded-dynamic rounded-l-none",
   wrapper: {
     base: `
       flex bg-white transition w-full