@kolkrabbi/kol-component 0.92.0 → 0.92.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-component",
-  "version": "0.92.0",
+  "version": "0.92.1",
   "description": "KOL design-system components — atoms through organisms, emitting canonical kol-* classes. Pairs with @kolkrabbi/kol-theme for styling.",
   "license": "MIT",
   "type": "module",

package/src/molecules/ContentText.jsx

@@ -189,9 +189,15 @@ export default function ContentText({
    * so a card that wants the whole excerpt simply does not pass it. */
   const extra = (slot) => (slot === 'body' && clamp ? ` line-clamp-${clamp}` : '')
 
+  /* the title dim is BEHAVIOUR, not voice: a `titleClass` override replaces the
+   * ramp string whole (that is the seam's contract), and the hook was riding in
+   * that string — so Stack's uppercase display title lost its hover the moment
+   * it overrode the class (user 2026-08-27: "I had put A HOVER OPACITY drop,
+   * WHERE IS IT"). The hook is re-attached after the override. */
+  const hook = (slot) => (overrides[slot] && /\bkol-content-title-dim\b/.test(ramp[slot] ?? '') ? ' kol-content-title-dim' : '')
   const line = (slot) =>
     values[slot] == null ? null : (
-      <div key={slot} className={`${overrides[slot] ?? ramp[slot] ?? ''}${extra(slot)}`.trim()}>{values[slot]}</div>
+      <div key={slot} className={`${overrides[slot] ?? ramp[slot] ?? ''}${extra(slot)}${hook(slot)}`.trim()}>{values[slot]}</div>
     )
 
   /* RECURSIVE (2026-08-15) — an entry inside a line/between/group may itself be

package/src/organisms/ContentFilters.jsx

@@ -25,6 +25,9 @@ import IconFrame from '../atoms/IconFrame.jsx'
  * @param {string} props.layout — controlled LIST/GRID value (kol-r2b2 2026-08-27: a consumer that persists
  *   layout per bucket needs the strip's value back; `defaultLayout` alone kept it internal)
  * @param {Function} props.onLayoutChange — (layout) => void, fires on every strip click
+ * @param {ReactNode} props.trailingActions — the header's RIGHT slot, where the view strip sits
+ *   (kol-r2b2 2026-08-27: a consumer's own controls — sort, flat, select — belong there;
+ *   `headerActions` is the left group beside search and was never that)
  * @param {Function} props.onFilterChange — optional callback when filters change
  * @param {Array} props.mutuallyExclusiveFilters — filter keys that should be mutually exclusive
  * @param {Array} props.customFilterKeys — filter keys handled by renderItem, not by ContentFilters
@@ -80,6 +83,7 @@ const ContentFilters = ({
   customFilterKeys = [],
   searchKeys = ['label', 'name', 'title', 'type'],
   headerActions,
+  trailingActions,
   showCountOnlyWhenFiltering = false,
   iconComponent,
   className = '',
@@ -218,8 +222,10 @@ const ContentFilters = ({
       {layoutOptions.map((opt) => (
         <span
           key={opt.value}
-          onClick={() => setLayout(opt.value)}
-          className={`${layoutClassName} cursor-pointer select-none ${layout === opt.value ? stripActiveClassName : stripRestClassName}`}
+          onClick={opt.onClick ?? (() => setLayout(opt.value))}
+          aria-pressed={opt.active !== undefined ? !!opt.active : undefined}
+          title={opt.title}
+          className={`${layoutClassName} cursor-pointer select-none ${(opt.active ?? layout === opt.value) ? stripActiveClassName : stripRestClassName}`}
           style={{ letterSpacing: 1 }}
         >
           {opt.label}
@@ -360,6 +366,7 @@ const ContentFilters = ({
         </div>
 
         <div className="flex items-center gap-8">
+          {trailingActions}
           {layoutPlacement === 'header' && layoutStrip}
           {/* RECENT / SAVED is the SAME STRIP as LIST / GRID, not a ViewToggle.
             * Read off kol-monitor's original (_tmp/2026-08-15-shell-adoption/