@spaethtech/svelte-ui 0.17.1-dev.82.2748ef4 → 0.17.1-dev.84.05ecf9b

package/dist/components/Combobox/Combobox.svelte

@@ -222,10 +222,8 @@
           class="cursor-pointer px-3 py-1.5 {i === highlight
             ? '[background-color:var(--ui-color-hover)]'
             : ''} hover:[background-color:var(--ui-color-hover)]"
-          onpointerdown={(e) => {
-            e.preventDefault(); // keep input focused so the click lands before blur closes the list
-            choose(opt);
-          }}
+          onpointerdown={(e) => e.preventDefault()}
+          onclick={() => choose(opt)}
           onpointerenter={() => (highlight = i)}
         >
           {opt}

package/dist/components/DataTable.svelte

@@ -60,7 +60,9 @@
      *  reorders WITHIN the visible page only. */
     reorderable?: boolean;
     expanded?: Snippet<[T]>;
-    rowActions?: (row: T) => MenuItem[];
+    /** Per-row kebab menu. Return `null`/`undefined`/`[]` for a row with no actions — the kebab still
+     *  renders (columns stay aligned) but is disabled, rather than opening an empty/all-disabled menu. */
+    rowActions?: (row: T) => MenuItem[] | null | undefined;
     bulkActions?: (selected: ReadonlySet<string>) => MenuItem[];
     onReorder?: (row: T, direction: "up" | "down") => void;
     /** Overall density tier. Scales the whole table uniformly:
@@ -444,12 +446,17 @@
             {#if hasTail}
               <div class="flex shrink-0 items-center justify-end" style="width: {heightVar}">
                 {#if rowActions}
+                  <!-- The kebab renders on EVERY row (keeps the tail column aligned); it's DISABLED
+                       when this row has no actions (`rowActions` returned null/undefined/[]) — a
+                       disabled button reads as "nothing to do here", vs a menu of greyed-out items. -->
+                  {@const actions = rowActions(row)}
                   <Button
                     variant="ghost"
                     {size}
+                    disabled={!actions || actions.length === 0}
                     aria-label="Row actions"
                     title="Row actions"
-                    onclick={(e) => openMenu(e, rowActions(row))}
+                    onclick={(e) => openMenu(e, actions ?? [])}
                   >
                     {#snippet icon()}<IconDots />{/snippet}
                   </Button>

package/dist/components/DataTable.svelte.d.ts

@@ -16,7 +16,9 @@ declare function $$render<T>(): {
          *  reorders WITHIN the visible page only. */
         reorderable?: boolean;
         expanded?: Snippet<[T]>;
-        rowActions?: (row: T) => MenuItem[];
+        /** Per-row kebab menu. Return `null`/`undefined`/`[]` for a row with no actions — the kebab still
+         *  renders (columns stay aligned) but is disabled, rather than opening an empty/all-disabled menu. */
+        rowActions?: (row: T) => MenuItem[] | null | undefined;
         bulkActions?: (selected: ReadonlySet<string>) => MenuItem[];
         onReorder?: (row: T, direction: "up" | "down") => void;
         /** Overall density tier. Scales the whole table uniformly:

package/dist/components/List.svelte

@@ -535,6 +535,11 @@
         </div>
       {:else}
         {#each allOptions() as option, index (option.value)}
+          <!-- Select on the full CLICK, not mousedown: if selection closes a hosting Popup (a Select in
+               a Dialog), doing it on mousedown tears the popover out of the top layer before mouseup,
+               so the mouseup + click land on whatever's underneath (e.g. a CardFooter button) — a
+               silent click-through. `mousedown` still `preventDefault`s to keep focus off the option
+               (the reason it lived on mousedown), but selection waits for the completed gesture. -->
           <button
             bind:this={itemElements[index]}
             type="button"
@@ -552,7 +557,8 @@
             style="border: none; border-radius: 0; justify-content: flex-start; {itemSnippet
               ? ''
               : `height: ${itemHeight}px;`}"
-            onmousedown={(event) => selectOption(option.value, event)}
+            onmousedown={(event) => event.preventDefault()}
+            onclick={(event) => selectOption(option.value, event)}
             tabindex="-1"
             role="option"
             aria-selected={isSelected(option.value)}

package/dist/components/Query.svelte

@@ -211,10 +211,8 @@
             ? '[background-color:color-mix(in_srgb,var(--ui-color-text)_10%,transparent)]'
             : ''}"
           onmouseenter={() => (active = i)}
-          onmousedown={(e) => {
-            e.preventDefault();
-            accept(s);
-          }}
+          onmousedown={(e) => e.preventDefault()}
+          onclick={() => accept(s)}
         >
           <span class="font-mono">{ctx.type === "column" ? "$" : ""}{s.value}</span>
           {#if s.label !== s.value}<span

package/docs/components.md

@@ -377,10 +377,17 @@ Config-driven, responsive 12-column data table over a `DataGrid`.
 
 - **Location**: `src/lib/components/DataTable.svelte`
 - **Props**: `grid` (`DataGrid<T>` from `@spaethtech/svelte-ui/data`), `selectable`, `expandable`, `expanded`
-  (snippet), `rowActions` (`(row) => MenuItem[]`), `bulkActions`
+  (snippet), `rowActions` (`(row) => MenuItem[] | null`), `bulkActions`
 - **Features**: selectable + expandable rows, sortable headers, per-row & bulk action menus
   (via `Menu`/`Popup`), paginated footer. A **compound component** — all controls are
   `<Button variant="plain" size="sm">` / `<Select size="sm">` / `<Checkbox>`.
+- **`rowActions` per row**: return `null`/`undefined`/`[]` for a row with no actions — the kebab still
+  renders (the tail column stays aligned across rows) but is **disabled**, rather than opening an empty
+  or all-greyed menu. Return items to enable it.
+- **Links in an expandable table**: wrap only the **text** in `<a>` inside your `cell` snippet (not the
+  whole cell). The cell is a flex box, so a plain inline `<a>text</a>` is text-width — the rest of the
+  cell stays an expand/collapse target. Row-click already ignores clicks on `a`/`button`/`input`/…, so
+  a link navigates without toggling expand; don't stretch the anchor with `block`/`w-full`.
 
 ### Query
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaethtech/svelte-ui",
-  "version": "0.17.1-dev.82.2748ef4",
+  "version": "0.17.1-dev.84.05ecf9b",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/spaethtech/svelte-ui.git"