@meistrari/chat-nuxt 3.9.2 → 3.11.0

package/dist/runtime/conversations/components/chat-conversation-creator-filter.vue

@@ -1,17 +1,12 @@
 <script setup>
-import { nextTick } from "vue";
 import { useConversations } from "../composables/conversations";
 import { conversationCreatorFilterOptions } from "../../types/schemas/chat/ui.js";
-import {
-  hasConversationCreatorFilterResults,
-  resolveConversationCreatorFilterKeyboardTarget
-} from "../creator-filter";
+import { hasConversationCreatorFilterResults } from "../creator-filter";
 const { conversationCreatorFilter, conversationCreatorFilterCounts, fetchConversations } = useConversations();
 const isUpdating = ref(false);
-const filterButtonElements = ref([]);
 const filterOptions = computed(() => conversationCreatorFilterOptions.map((option) => ({
-  ...option,
-  count: conversationCreatorFilterCounts.value[option.value]
+  value: option.value,
+  label: `${option.label} ${conversationCreatorFilterCounts.value[option.value]}`
 })));
 const showConversationCreatorFilter = computed(
   () => hasConversationCreatorFilterResults(conversationCreatorFilterCounts.value)
@@ -19,23 +14,10 @@ const showConversationCreatorFilter = computed(
 function isConversationCreatorFilter(value) {
   return value === "all" || value === "mine";
 }
-function setFilterButtonElement(element, index) {
-  if (element && typeof element === "object" && "focus" in element) {
-    filterButtonElements.value[index] = element;
-  }
-}
-function focusFilterButton(value) {
-  const index = filterOptions.value.findIndex((option) => option.value === value);
-  filterButtonElements.value[index]?.focus();
-}
-async function handleFilterUpdate(value, options = {}) {
+async function handleFilterUpdate(value) {
   if (isUpdating.value || !isConversationCreatorFilter(value) || value === conversationCreatorFilter.value)
     return;
   conversationCreatorFilter.value = value;
-  if (options.focus) {
-    await nextTick();
-    focusFilterButton(value);
-  }
   isUpdating.value = true;
   try {
     await fetchConversations({ force: true });
@@ -43,54 +25,16 @@ async function handleFilterUpdate(value, options = {}) {
     isUpdating.value = false;
   }
 }
-function handleFilterKeydown(event, value) {
-  const nextFilter = resolveConversationCreatorFilterKeyboardTarget(value, event.key);
-  if (!nextFilter || isUpdating.value)
-    return;
-  event.preventDefault();
-  void handleFilterUpdate(nextFilter, { focus: true });
-}
 </script>
 
 <template>
-    <div
+    <TelaSegmentToggle
         v-if="showConversationCreatorFilter"
-        role="tablist"
+        :model-value="conversationCreatorFilter"
+        :options="filterOptions"
+        class="w-full"
+        buttons-class="flex-1 min-w-0 px-8px"
         aria-label="Filtrar conversas por criador"
-        flex items-center w-full h-34px p-3px rounded-12px bg="#F1F1EF"
-        :class="{ 'opacity-70': isUpdating }"
-    >
-        <button
-            v-for="(option, index) in filterOptions"
-            :key="option.value"
-            :ref="(element) => setFilterButtonElement(element, index)"
-            type="button"
-            role="tab"
-            class="creator-filter-option"
-            flex-1 min-w-0 h-28px rounded-9px px-8px
-            flex items-center justify-center gap-4px
-            :class="conversationCreatorFilter === option.value ? 'creator-filter-option-active bg-white cursor-default' : 'bg-transparent hover:bg-white/45 cursor-pointer'"
-            :aria-disabled="isUpdating"
-            :aria-selected="conversationCreatorFilter === option.value"
-            :tabindex="conversationCreatorFilter === option.value ? 0 : -1"
-            @click="handleFilterUpdate(option.value)"
-            @keydown="handleFilterKeydown($event, option.value)"
-        >
-            <span
-                body-12-semibold leading-16px truncate
-                :class="conversationCreatorFilter === option.value ? 'text-neutral-950' : 'text-neutral-500'"
-            >
-                {{ option.label }}
-            </span>
-            <span
-                body-12-semibold leading-16px shrink-0 text-neutral-400
-            >
-                {{ option.count }}
-            </span>
-        </button>
-    </div>
+        @update:model-value="handleFilterUpdate"
+    />
 </template>
-
-<style scoped>
-.creator-filter-option{transition:background-color .16s ease,color .16s ease,box-shadow .16s ease,opacity .16s ease}.creator-filter-option-active{box-shadow:0 1px 2px rgba(16,24,40,.08),0 2px 8px rgba(16,24,40,.1)}.creator-filter-option[aria-disabled=true]{cursor:wait}
-</style>

package/dist/runtime/conversations/components/chat-conversation-item.d.vue.ts

@@ -1,9 +1,10 @@
-import type { DeepReadonly } from 'vue';
+import type { DeepReadonly, HTMLAttributes } from 'vue';
 import type { Conversation } from '../../types/schemas/chat/conversations.js';
 type __VLS_Props = {
     conversation: DeepReadonly<Conversation>;
     active: boolean;
     draggable?: boolean;
+    itemClass?: HTMLAttributes['class'];
     userImage?: string;
     selectConversation?: (id: string) => void | Promise<void>;
 };

package/dist/runtime/conversations/components/chat-conversation-item.vue

@@ -4,6 +4,7 @@ const props = defineProps({
   conversation: { type: null, required: true },
   active: { type: Boolean, required: true },
   draggable: { type: Boolean, required: false },
+  itemClass: { type: null, required: false },
   userImage: { type: String, required: false },
   selectConversation: { type: Function, required: false }
 });
@@ -39,26 +40,21 @@ function setMenuButtonRef(element) {
 <template>
     <div
         v-if="isRenamingInline"
-        px-12px
+        pl-10px pr-4px
         h-32px
-        rounded-8px
-        :class="active ? 'bg-neutral-200' : ''"
+        rounded-10px
+        :class="active ? 'bg-muted' : ''"
     >
-        <div flex items-center justify-between gap-12px h-full>
-            <div v-if="userImage" w-16px h-16px rounded-full overflow-hidden flex-shrink-0>
+        <div flex items-center justify-between gap-8px h-full :class="props.itemClass">
+            <div v-if="userImage" w-16px h-16px flex items-center justify-center rounded-full overflow-hidden flex-shrink-0>
                 <TelaAvatar
                     :image="userImage"
                     alt="Usuário"
-                    size="xs"
+                    size="2xs"
                 />
             </div>
 
-            <div
-                flex-1 min-w-0 flex items-center
-                text-neutral-700
-                pb-1px
-                b-b=".5px solid #A3A3A3"
-            >
+            <div relative flex-1 min-w-0 flex items-center>
                 <input
                     :ref="setRenameInputRef"
                     v-model="renameTitle"
@@ -67,12 +63,13 @@ function setMenuButtonRef(element) {
                     aria-label="Nome da conversa"
                     w-full min-w-0
                     bg-transparent border-none outline-none
-                    text-14px font-medium text-neutral-700 leading-18px tracking="-.15px"
+                    body-14-medium text-neutral-700
                     p-0
                     @blur="handleRenameBlur"
                     @keydown.enter.prevent="submitRename"
                     @keydown.escape.prevent.stop="cancelRename"
                 >
+                <div aria-hidden="true" absolute inset-x-0 bottom--0.5px h-0.5px bg-border pointer-events-none />
             </div>
         </div>
     </div>
@@ -82,37 +79,33 @@ function setMenuButtonRef(element) {
         :href="conversationPath"
         :draggable="draggable"
         block
-        px-12px
+        pl-10px pr-4px
         h-32px
-        rounded-8px
+        rounded-10px
         cursor-pointer
-        transition
-        class="group"
-        :class="[
-  active ? 'bg-neutral-200' : 'hover:bg-neutral-200/50'
-]"
+        class="group data-[active=true]:bg-muted data-[active=false]:hover:bg-subtle"
+        :data-active="active"
         @click="handleConversationClick"
         @dblclick.prevent.stop="handleConversationDoubleClick"
         @dragstart="handleConversationDragStart"
         @dragend="handleConversationDragEnd"
     >
-        <div flex items-center justify-between gap-12px h-full>
+        <div flex items-center justify-between gap-8px h-full :class="props.itemClass">
             <!-- User Avatar -->
-            <div v-if="userImage" w-16px h-16px rounded-full overflow-hidden flex-shrink-0>
+            <div v-if="userImage" w-16px h-16px flex items-center justify-center rounded-full overflow-hidden flex-shrink-0>
                 <TelaAvatar
                     :image="userImage"
                     alt="Usuário"
-                    size="xs"
+                    size="2xs"
                 />
             </div>
 
             <div flex-1 min-w-0 flex items-center>
                 <span
-                    text-14px
-                    font-medium
-                    text-neutral-700
+                    body-14-medium
+                    text-secondary
+                    class="group-hover:text-primary group-data-[active=true]:text-primary"
                     truncate
-                    tracking="-.15px"
                 >
                     {{ displayTitle }}
                 </span>
@@ -122,21 +115,24 @@ function setMenuButtonRef(element) {
                 mt-2px
                 flex
                 items-center
-                class="opacity-0 group-hover:opacity-100 transition-opacity"
+                class="opacity-0 group-hover:opacity-100"
                 :class="isMenuOpen && 'opacity-100'"
             >
                 <TelaDropdownMenu :items="menuItems" content-class="chat-sidebar-floating">
                     <button
                         :ref="setMenuButtonRef"
                         p-4px
-                        rounded-6px
-                        hover:bg-neutral-300
-                        transition-colors
+                        rounded-8px
+                        hover:bg-lowered
                         cursor-pointer
-                        :class="isMenuOpen && '!bg-neutral-300'"
+                        :class="isMenuOpen && '!bg-lowered'"
                         @click.prevent.stop
                     >
-                        <div i-ph-dots-three-vertical text-16px text-neutral-400 />
+                        <TelaIcon
+                            name="i-ph-dots-three"
+                            size="18px"
+                            :color="isMenuOpen ? 'icon-tertiary' : 'icon-subtle group-hover:icon-tertiary'"
+                        />
                     </button>
                 </TelaDropdownMenu>
             </div>

package/dist/runtime/conversations/components/chat-conversation-item.vue.d.ts

@@ -1,9 +1,10 @@
-import type { DeepReadonly } from 'vue';
+import type { DeepReadonly, HTMLAttributes } from 'vue';
 import type { Conversation } from '../../types/schemas/chat/conversations.js';
 type __VLS_Props = {
     conversation: DeepReadonly<Conversation>;
     active: boolean;
     draggable?: boolean;
+    itemClass?: HTMLAttributes['class'];
     userImage?: string;
     selectConversation?: (id: string) => void | Promise<void>;
 };

package/dist/runtime/conversations/components/chat-conversation-list.d.vue.ts

@@ -8,7 +8,6 @@ type __VLS_Props = {
     resetConversation?: () => void | Promise<void>;
     startConversation?: (groupId?: string | null) => void | Promise<void>;
     loading?: boolean;
-    hideFolderHint?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/conversations/components/chat-conversation-list.vue

@@ -7,8 +7,7 @@ const props = defineProps({
   selectConversation: { type: Function, required: false },
   resetConversation: { type: Function, required: false },
   startConversation: { type: Function, required: false },
-  loading: { type: Boolean, required: false },
-  hideFolderHint: { type: Boolean, required: false }
+  loading: { type: Boolean, required: false }
 });
 const {
   conversationSearch,
@@ -20,8 +19,6 @@ const {
   ungroupedConversations,
   ungroupedDropTarget,
   ungroupedConversationLabel,
-  shouldShowUngroupedHeader,
-  showGroupCreationPrompt,
   showDeleteGroupModal,
   showDeleteGroupConversationsModal,
   groupActionLoading,
@@ -82,44 +79,12 @@ const {
             </p>
         </div>
 
-        <template v-else>
-            <div
-                v-if="showGroupCreationPrompt && !hideFolderHint"
-                mx-8px
-                flex="~ col" gap-10px
-            >
-                <div h-20px flex items-center px-4px>
-                    <span text-12px font-semibold text-neutral-400 uppercase style="letter-spacing: 0">
-                        PASTAS
-                    </span>
-                </div>
-                <div flex="~ col" gap-6px>
-                    <div
-                        h-36px px-10px
-                        flex items-center gap-10px
-                        rounded-8px
-                        b=".5px dashed neutral-200"
-                    >
-                        <span i-ph-folder text-16px text-neutral-400 shrink-0 />
-                        <span h-10px w-120px rounded-full bg-neutral-100 />
-                    </div>
-                    <div
-                        h-36px px-10px
-                        flex items-center gap-10px
-                        rounded-8px
-                        b=".5px dashed neutral-200"
-                    >
-                        <span i-ph-folder text-16px text-neutral-400 shrink-0 />
-                        <span h-10px w-84px rounded-full bg-neutral-100 />
-                    </div>
-                </div>
-                <p px-4px text-14px text-neutral-500 leading-20px>
-                    Suas pastas aparecem aqui. Crie uma para começar a agrupar conversas.
-                </p>
-                <ChatConversationNewGroupButton label="Criar pasta" variant="empty-state" />
-            </div>
-
+        <div v-else flex="~ col" gap-4px mt-4px>
             <div v-if="groupItems.length > 0" flex="~ col" gap-2px>
+                <span body-12-medium text-secondary pl-10px>
+                    Pastas · {{ groupItems.length }}
+                </span>
+
                 <div
                     v-for="groupBucket in groupItems"
                     :key="groupBucket.group.id"
@@ -133,100 +98,99 @@ const {
                     @drop.prevent="handleConversationDrop($event, groupBucket.group.id)"
                 >
                     <div
-                        v-if="groupBucket.isRenaming"
-                        h-32px w-full px-8px
-                        flex items-center gap-8px
-                        rounded-8px
-                        :class="groupBucket.dropTarget ? 'bg-neutral-200' : ''"
+                        rounded-10px
+                        class="group"
+                        :class="groupBucket.dropTarget ? '' : groupBucket.open ? 'bg-muted' : 'hover:bg-subtle'"
                     >
-                        <span
-                            i-ph-caret-right
-                            text-12px text-neutral-400
-                            transition-transform
-                            :class="groupBucket.open && 'rotate-90'"
-                        />
-                        <span
-                            :class="groupBucket.folderIcon"
-                            text-16px text-neutral-500 shrink-0
-                        />
-                        <div
-                            flex-1 min-w-0 flex items-center
-                            pb-1px
-                            b-b=".5px solid #A3A3A3"
-                            :class="renameGroupError && 'border-red-500'"
-                        >
-                            <input
-                                :ref="(element) => setRenameGroupInputRef(element, groupBucket.group.id)"
-                                v-model="renameGroupName"
-                                type="text"
-                                autocomplete="off"
-                                maxlength="80"
-                                aria-label="Nome da pasta"
-                                w-full min-w-0
-                                bg-transparent border-none outline-none
-                                text-14px font-semibold text-neutral-700 leading-18px
-                                p-0
-                                :disabled="groupActionLoading"
-                                @blur="handleRenameGroupBlur"
-                                @keydown.enter.prevent="submitRenameGroup"
-                                @keydown.escape.prevent.stop="cancelRenameGroup"
-                                @click.stop
-                                @dblclick.stop
-                            >
-                        </div>
-                    </div>
-
-                    <div v-else rounded-8px class="group" :class="groupBucket.dropTarget ? '' : 'hover:bg-neutral-100'">
-                        <div h-32px w-full px-8px flex items-center gap-4px text-left>
-                            <button
-                                type="button"
-                                h-full flex-1 min-w-0
-                                flex items-center gap-8px
-                                text-left
-                                cursor-pointer
-                                @click="toggleGroup(groupBucket.group.id)"
-                            >
-                                <span
-                                    i-ph-caret-right
-                                    text-12px text-neutral-400
-                                    transition-transform
-                                    :class="groupBucket.open && 'rotate-90'"
-                                />
-                                <span
-                                    :class="groupBucket.folderIcon"
-                                    text-16px text-neutral-500 shrink-0
+                        <div h-32px w-full pl-10px pr-4px flex items-center gap-8px text-left>
+                            <template v-if="groupBucket.isRenaming">
+                                <TelaIcon
+                                    :name="groupBucket.folderIcon"
+                                    size="16px"
+                                    color="icon-secondary"
+                                    shrink-0
                                 />
-                                <span flex-1 min-w-0 truncate text-14px font-semibold text-neutral-900 leading-18px>
-                                    {{ groupBucket.group.name }}
-                                </span>
-                                <span v-if="groupBucket.conversationCountLabel" text-13px font-medium text-neutral-400 tabular-nums>
-                                    {{ groupBucket.conversationCountLabel }}
-                                </span>
-                            </button>
+                                <div
+                                    relative
+                                    flex-1 min-w-0 flex items-center
+                                    mr-4px
+                                >
+                                    <input
+                                        :ref="(element) => setRenameGroupInputRef(element, groupBucket.group.id)"
+                                        v-model="renameGroupName"
+                                        type="text"
+                                        autocomplete="off"
+                                        maxlength="80"
+                                        aria-label="Nome da pasta"
+                                        w-full min-w-0
+                                        bg-transparent border-none outline-none
+                                        body-14-medium text-primary
+                                        p-0
+                                        :disabled="groupActionLoading"
+                                        @blur="handleRenameGroupBlur"
+                                        @keydown.enter.prevent="submitRenameGroup"
+                                        @keydown.escape.prevent.stop="cancelRenameGroup"
+                                        @click.stop
+                                        @dblclick.stop
+                                    >
+                                    <div
+                                        aria-hidden="true"
+                                        absolute inset-x-0 bottom--2px h-0.5px pointer-events-none
+                                        :class="renameGroupError ? 'bg-red-500' : 'bg-border'"
+                                    />
+                                </div>
+                            </template>
 
-                            <div
-                                flex items-center justify-center shrink-0
-                                class="opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity"
-                            >
-                                <TelaDropdownMenu
-                                    :items="groupBucket.menuItems"
-                                    align="end"
-                                    content-class="chat-sidebar-floating"
+                            <template v-else>
+                                <button
+                                    type="button"
+                                    h-full flex-1 min-w-0
+                                    flex items-center gap-8px
+                                    text-left
+                                    cursor-pointer
+                                    @click="toggleGroup(groupBucket.group.id)"
                                 >
-                                    <button
-                                        type="button"
-                                        aria-label="Ações da pasta"
-                                        p-4px
-                                        rounded-6px
-                                        hover:bg-neutral-200
-                                        transition-colors
-                                        cursor-pointer
-                                        @click.prevent.stop
+                                    <TelaIcon
+                                        :name="groupBucket.folderIcon"
+                                        size="16px"
+                                        color="icon-secondary"
+                                        shrink-0
+                                    />
+                                    <div flex items-center gap-6px>
+                                        <span min-w-0 truncate body-14-medium :class="groupBucket.open ? 'text-primary' : 'text-secondary group-hover:text-primary'">
+                                            {{ groupBucket.group.name }}
+                                        </span>
+                                        <TelaAnimatedNumber v-if="groupBucket.conversationCountLabel" :value="groupBucket.conversationCountLabel" body-12-medium text-tertiary />
+                                    </div>
+                                </button>
+
+                                <div
+                                    flex items-center justify-center shrink-0
+                                    class="opacity-0 group-hover:opacity-100 focus-within:opacity-100 [&:has([data-state=open])]:opacity-100"
+                                >
+                                    <TelaDropdownMenu
+                                        :items="groupBucket.menuItems"
+                                        content-class="chat-sidebar-floating"
                                     >
-                                        <div i-ph-dots-three-vertical text-16px text-neutral-400 />
-                                    </button>
-                                </TelaDropdownMenu>
-                            </div>
+                                        <button
+                                            type="button"
+                                            aria-label="Ações da pasta"
+                                            p-4px mt-2px
+                                            rounded-8px
+                                            hover:bg-lowered
+                                            cursor-pointer
+                                            class="group data-[state=open]:!bg-lowered"
+                                            @click.prevent.stop
+                                        >
+                                            <TelaIcon
+                                                name="i-ph-dots-three"
+                                                size="18px"
+                                                color="icon-subtle group-hover:icon-tertiary group-data-[state=open]:icon-tertiary"
+                                            />
+                                        </button>
+                                    </TelaDropdownMenu>
+                                </div>
+                            </template>
                         </div>
                     </div>
 
@@ -239,14 +203,15 @@ const {
                         </span>
                     </div>
 
-                    <Transition name="group-slide">
-                        <div v-if="groupBucket.open" class="group-slide-panel">
-                            <div class="group-slide__inner">
-                                <div flex="~ col" gap-1px ml-20px mt-1px mb-4px>
+                    <TelaCollapsible :open="groupBucket.open" @update:open="toggleGroup(groupBucket.group.id)">
+                        <TelaCollapsibleContent>
+                            <div flex="~ col" relative>
+                                <div flex="~ col" gap-1px mt-1px>
                                     <ChatConversationItem
                                         v-for="conversation in groupBucket.items"
                                         :key="conversation.id"
                                         v-bind="getConversationItemProps(conversation)"
+                                        item-class="ml-24px"
                                         @delete="handleDelete"
                                         @rename="handleRename"
                                         @duplicate="handleDuplicate"
@@ -257,50 +222,48 @@ const {
                                     <button
                                         v-if="groupBucket.showNewConversationAction"
                                         type="button"
-                                        h-32px px-8px
-                                        flex items-center gap-8px
-                                        rounded-8px
+                                        h-32px px-12px
+                                        flex items-center gap-9px
+                                        rounded-10px
                                         text-left
-                                        hover:bg-neutral-100
-                                        transition-colors
+                                        hover:bg-subtle
                                         cursor-pointer
                                         @click="startConversationInGroup(groupBucket.group.id)"
                                     >
-                                        <span i-ph-plus text-14px text-neutral-500 shrink-0 />
-                                        <span text-14px font-medium text-neutral-500 leading-18px>
+                                        <span body-14-medium text-secondary leading-18px ml-24px>
                                             Nova conversa
                                         </span>
+                                        <TelaIcon name="i-ph-plus" size="14px" color="icon-secondary" shrink-0 />
                                     </button>
                                     <div
                                         v-else-if="groupBucket.showSearchEmpty"
-                                        h-32px px-8px flex items-center
+                                        h-32px flex items-center ml-36px
                                     >
-                                        <span text-13px text-neutral-400 leading-17px>
+                                        <span body-14-medium text-tertiary>
                                             Sem resultados
                                         </span>
                                     </div>
                                 </div>
+
+                                <div aria-hidden="true" absolute left-17px h-full w-0.5px bg-border pointer-events-none />
                             </div>
-                        </div>
-                    </Transition>
+                        </TelaCollapsibleContent>
+                    </TelaCollapsible>
                 </div>
             </div>
 
             <div
                 flex="~ col" gap-4px
-                rounded-8px
-                transition-colors
-                :class="ungroupedDropTarget ? 'bg-neutral-100' : ''"
+                rounded-10px
+                :class="ungroupedDropTarget ? 'bg-lowered' : ''"
                 @dragenter.prevent="handleDragEnter(null)"
                 @dragover.prevent="handleDragOver($event, null)"
                 @dragleave="handleDragLeave($event, null)"
                 @drop.prevent="handleConversationDrop($event, null)"
             >
-                <div v-if="shouldShowUngroupedHeader" h-20px flex items-center pl-12px pr-4px mb-4px>
-                    <span text-12px font-semibold text-neutral-400 uppercase style="letter-spacing: 0">
-                        {{ ungroupedConversationLabel }}
-                    </span>
-                </div>
+                <span body-12-medium text-secondary pl-10px pt-4px>
+                    {{ ungroupedConversationLabel }}
+                </span>
 
                 <div v-if="ungroupedConversations.length > 0" flex="~ col" gap-1px>
                     <ChatConversationItem
@@ -316,7 +279,7 @@ const {
                     />
                 </div>
             </div>
-        </template>
+        </div>
     </div>
 
     <TelaConfirmationModal
@@ -347,7 +310,3 @@ const {
         {{ deleteGroupConversationsConfirmationMessage }}
     </TelaConfirmationModal>
 </template>
-
-<style scoped>
-.group-slide-panel{display:grid;grid-template-rows:1fr}.group-slide-enter-active,.group-slide-leave-active{overflow:hidden;transition:grid-template-rows .18s cubic-bezier(.2,.8,.2,1),opacity .14s ease,transform .18s cubic-bezier(.2,.8,.2,1)}.group-slide-enter-from,.group-slide-leave-to{grid-template-rows:0fr;opacity:0;transform:translateY(-4px)}.group-slide-enter-to,.group-slide-leave-from{grid-template-rows:1fr;opacity:1;transform:translateY(0)}.group-slide__inner{min-height:0;overflow:hidden}
-</style>

package/dist/runtime/conversations/components/chat-conversation-list.vue.d.ts

@@ -8,7 +8,6 @@ type __VLS_Props = {
     resetConversation?: () => void | Promise<void>;
     startConversation?: (groupId?: string | null) => void | Promise<void>;
     loading?: boolean;
-    hideFolderHint?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;