@poodle64/ui 2026.10.7 → 2026.10.8

package/dist/components/ui/ledger/ledger.svelte

@@ -427,6 +427,7 @@
 
 	const money = (value: number | string) => ledgerMoney(value, currency, locale);
 	const number = (n: number) => n.toLocaleString(locale);
+	const titleColumn = $derived(resolved.find((c) => c.key === 'title'));
 	const count = (n: number) => `${number(n)} ${n === 1 ? noun[0] : noun[1]}`;
 	const income = (value: number | string | null | undefined) => cents(value) > 0;
 	/** Green for money in; a conversion is neither in nor out, so plain. */
@@ -500,6 +501,7 @@
 		{#if c.key === 'date'}
 			<span class={cn(CELL, through, 'text-muted-foreground self-center tabular-nums')} {style}>
 				{ledgerDate(r.date, WIDE)}
+				{#if c.actions}<span class="pointer-events-auto flex flex-none items-center gap-1" data-slot="ledger-actions">{@render c.actions(r)}</span>{/if}
 			</span>
 		{:else if c.key === 'title'}
 			<span
@@ -514,6 +516,7 @@
 					<span class="min-w-0 truncate">{r.title}</span>
 					{#if r.attachment}{@render clip(r)}{/if}
 					{@render chip(r)}
+					{#if c.actions}<span class="pointer-events-auto flex flex-none items-center gap-1" data-slot="ledger-actions">{@render c.actions(r)}</span>{/if}
 				</span>
 				{#if r.note || r.origins}
 					<span class="text-muted-foreground flex min-w-0 items-center gap-2 text-xs font-normal">
@@ -535,18 +538,22 @@
 				data-slot="ledger-amount"
 			>
 				{money(r.amount)}
+				{#if c.actions}<span class="pointer-events-auto flex flex-none items-center gap-1" data-slot="ledger-actions">{@render c.actions(r)}</span>{/if}
 			</span>
 		{:else if c.key === 'balance'}
 			<span class={cn(CELL, END, through, 'self-center tabular-nums')} {style}
-				>{balanceText(r)}</span
+				>{balanceText(r)}
+				{#if c.actions}<span class="pointer-events-auto flex flex-none items-center gap-1" data-slot="ledger-actions">{@render c.actions(r)}</span>{/if}</span
 			>
 		{:else if c.cell}
 			<span class={cn(CELL, through, 'flex items-center self-center')} {style}
-				>{@render c.cell(r)}</span
+				>{@render c.cell(r)}
+				{#if c.actions}<span class="pointer-events-auto flex flex-none items-center gap-1" data-slot="ledger-actions">{@render c.actions(r)}</span>{/if}</span
 			>
 		{:else}
 			<span class={cn(CELL, through, 'self-center', c.align === 'end' && END)} {style}>
 				{c.text?.(r) ?? ''}
+				{#if c.actions}<span class="pointer-events-auto flex flex-none items-center gap-1" data-slot="ledger-actions">{@render c.actions(r)}</span>{/if}
 			</span>
 		{/if}
 	{/each}
@@ -661,6 +668,7 @@
 					<span class="min-w-0 truncate font-medium">{r.title}</span>
 					{#if r.attachment}{@render clip(r)}{/if}
 					{@render chip(r)}
+					{#if titleColumn?.actions}<span class="pointer-events-auto flex flex-none items-center gap-1" data-slot="ledger-actions">{@render titleColumn.actions(r)}</span>{/if}
 				</span>
 				{#if two || r.origins}
 					<span class="text-muted-foreground flex min-w-0 items-center gap-2 text-xs">

package/dist/components/ui/ledger/types.d.ts

@@ -88,7 +88,15 @@ export interface ListColumn<R> {
  * order; the balance is always last, and off until ticked. Every other key is
  * the module's, in its order.
  */
-export type LedgerColumn<R extends LedgerRow = LedgerRow> = ListColumn<R>;
+export interface LedgerColumn<R extends LedgerRow = LedgerRow> extends ListColumn<R> {
+    /**
+     * Controls after the column's value in each row, the ledger's own cells
+     * included: a payee's "Show only / Hide". Drawn `pointer-events-auto`, so
+     * a click lands on a control and not on the row; on a phone, only the
+     * title's are drawn, after its chips.
+     */
+    actions?: Snippet<[R]>;
+}
 /** The viewer's own choices, which the consumer persists. */
 export interface LedgerPreferences {
     /** The ticked columns' keys, `balance` included. */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@poodle64/ui",
-	"version": "2026.10.7",
+	"version": "2026.10.8",
 	"description": "Household shared component layer: shadcn-svelte primitives (bits-ui) plus the composed page chrome every app builds its routes from, restyled by each app's @poodle64/design-tokens alias layer. One fix reaches every app.",
 	"type": "module",
 	"license": "MIT",

package/registry/component-map.json

@@ -1,7 +1,7 @@
 {
 	"meta": {
 		"package": "@poodle64/ui",
-		"version": "2026.10.7",
+		"version": "2026.10.8",
 		"generatedBy": "scripts/generate-registry.mjs",
 		"source": "scripts/situations.json + package source (DO NOT EDIT the outputs by hand)",
 		"componentCount": 67,

package/registry/component-map.md

@@ -1,7 +1,7 @@
 # @poodle64/ui — situation → component map
 
 <!-- GENERATED by scripts/generate-registry.mjs from scripts/situations.json + package source. DO NOT EDIT. -->
-Generated from `@poodle64/ui@2026.10.7`. 67 components, 18 situations.
+Generated from `@poodle64/ui@2026.10.8`. 67 components, 18 situations.
 
 **Read this before writing a `<div>`.** Find the SITUATION you are in below, then compose the component named for it — do not hand-build it from raw `Card` or utility classes. Import is `import { Name } from '<import path>'`. Props marked `?` are optional. This map is the retrieval step the [`frontend-design` skill] makes mandatory; the [CHI 2026 study] measured composing-from-a-registry at 95% design-system compliance against 71% for writing the CSS from a prose style guide.