@softize/opus 8.8.1 → 8.8.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softize/opus",
-  "version": "8.8.1",
+  "version": "8.8.2",
   "description": "End-to-end action protocol for TypeScript. Single package with subpath exports (core + adapters).",
   "license": "MIT",
   "type": "module",

package/src/ui/components/primitives/select.tsx

@@ -310,10 +310,19 @@ function CustomSelect(props: Exclude<SelectProps, SelectNativeProps>): React.Rea
     <Popover
       open={open}
       onOpenChange={(v) => {
-        // Fechar devolve o foco pro gatilho, e o gatilho abre AO RECEBER FOCO. Sem armar a
-        // guarda em TODO fechamento (não só no Esc), o seletor reabria sozinho — o
-        // "abre, fecha e abre de novo" que aparecia no primeiro clique.
-        if (!v) closingRef.current = true
+        // Fechar devolve o foco pro gatilho, e o gatilho abre AO RECEBER FOCO — sem
+        // guarda, o seletor reabre sozinho ("abre, fecha e abre de novo").
+        //
+        // A guarda vale UM FRAME, não até ser consumida. Fechar clicando noutro lugar da
+        // página não devolve o foco pra cá, então uma trava que espera esse retorno ficaria
+        // armada pra sempre e engoliria a PRÓXIMA abertura por teclado — trocando um
+        // defeito visível por um que só aparece pra quem navega por Tab.
+        if (!v) {
+          closingRef.current = true
+          requestAnimationFrame(() => {
+            closingRef.current = false
+          })
+        }
         setOpen(v)
       }}
     >
@@ -370,9 +379,12 @@ function CustomSelect(props: Exclude<SelectProps, SelectNativeProps>): React.Rea
                   o texto rolava pro fim ao ganhar foco (o browser leva o cursor pro final)
                   e o começo do título sumia — num campo estreito, a pessoa via o meio de
                   uma frase. `<span>` trunca com reticências, que é o certo. */}
-              {!props.multiple && (
+              {/* No MÚLTIPLO os chips ocupam o lugar do rótulo — mas quando não há nenhum,
+                  o gatilho ficaria em branco (o input que carregava o placeholder virou
+                  invisível). Campo mudo é pior que campo vazio: não diz nem o que é. */}
+              {(!props.multiple || selectedValues.length === 0) && (
                 <span data-slot="select-trigger-label" className={cn('min-w-0 flex-1 truncate text-left text-sm', selectedOption === undefined && 'text-muted-foreground')}>
-                  {selectedOption?.triggerLabel ?? (selectedOption?.label ?? placeholder)}
+                  {props.multiple ? placeholder : (selectedOption?.triggerLabel ?? selectedOption?.label ?? placeholder)}
                 </span>
               )}
               <input