@cosxai/ui 0.23.0 → 0.23.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosxai/ui",
-  "version": "0.23.0",
+  "version": "0.23.2",
   "description": "COSX design system \u2014 React 19 component primitives shared across product-meta and other consumers",
   "license": "UNLICENSED",
   "type": "module",

package/src/hooks/useKeyboardHotkey.ts

@@ -78,6 +78,13 @@ export function useKeyboardHotkey(
       if (skipWhenModalOpen && document.querySelector('[role="dialog"]')) {
         return;
       }
+      // The key is OURS once every guard passed — swallow its default
+      // action. Without this, a hotkey that opens a dialog with an
+      // autofocused input sees the same keystroke land as text ("s"
+      // typed into the invite search, meta QA 2026-08-19): the
+      // browser's text-insertion runs AFTER keydown, by which time
+      // focus has moved into the new input.
+      e.preventDefault();
       handlerRef.current(e);
     };
     window.addEventListener("keydown", onKey);

package/src/primitives/Select.tsx

@@ -696,14 +696,36 @@ export const Select = forwardRef<HTMLButtonElement, SelectProps>(function Select
           opacity: disabled ? 0.55 : 1,
         }}
       >
-        <span
-          style={{
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            whiteSpace: "nowrap",
-          }}
-        >
-          {triggerLabel}
+        <span style={{ display: "inline-grid", overflow: "hidden" }}>
+          {/* fit="auto" width stabiliser: every option label renders
+              invisibly in the same grid cell, so the trigger takes
+              the WIDEST option's width up front. Without it the
+              trigger resized to each selection and the popover
+              (which matches trigger width) truncated longer options
+              to "E-sig…". Skipped for fit="full" (width is the
+              container's) and for searchable lists (potentially
+              hundreds of rows — and those popovers are wide anyway). */}
+          {fit === "auto" &&
+            !searchable &&
+            options.map((o) => (
+              <span
+                key={o.value}
+                aria-hidden
+                style={{ gridArea: "1 / 1", visibility: "hidden", whiteSpace: "nowrap" }}
+              >
+                {o.label}
+              </span>
+            ))}
+          <span
+            style={{
+              gridArea: "1 / 1",
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+            }}
+          >
+            {triggerLabel}
+          </span>
         </span>
         <svg
           width="10"