@kolkrabbi/kol-component 0.114.1 → 0.116.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-component",
-  "version": "0.114.1",
+  "version": "0.116.0",
   "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/organisms/ColumnBrowser.jsx

@@ -56,6 +56,11 @@ import { kindOf as dsKindOf, KIND_LABEL as DS_KIND_LABEL } from '../utilities/me
  * @param {number}   defaultHeight  uncontrolled start height (528); min 240
  * @param {Function} onHeightChange (px) => void — on every drag step; the consumer persists it
  * @param {number}   columnWidth    every column's start width (260); the preview column starts at 320; min 160
+ * @param {Object}   columnWidths   the CONTROLLED counterpart to `onColumnResize` (ColumnBrowserWidthsPersist,
+ *                                  kol-r2b2 2026-08-27): a map keyed by column index plus `'preview'` —
+ *                                  `{ 0: 300, 2: 190, preview: 420 }` — the same shape the callback reports,
+ *                                  so a consumer hands back what it stored. A key with no column is ignored;
+ *                                  any column it does not name falls back to the drag state, then `columnWidth`
  * @param {Function} onColumnResize (index, px) => void — the column's index, or `'preview'`
  * @param {string}   className    extra classes on the browser
  */
@@ -209,6 +214,7 @@ export default function ColumnBrowser({
   defaultHeight = 528,
   onHeightChange,
   columnWidth = 260,
+  columnWidths,
   onColumnResize,
   className = '',
 }) {
@@ -217,7 +223,7 @@ export default function ColumnBrowser({
   const [ownH, setOwnH] = useState(defaultHeight)
   const h = height ?? ownH
   const [widths, setWidths] = useState({})
-  const widthOf = (i) => widths[i] ?? (i === 'preview' ? PREVIEW_W : columnWidth)
+  const widthOf = (i) => columnWidths?.[i] ?? widths[i] ?? (i === 'preview' ? PREVIEW_W : columnWidth)
   const dragBase = useRef(null)
   const resizeCol = (i) => (dx) => {
     if (dragBase.current == null) dragBase.current = widthOf(i)

package/src/organisms/ShellSearchOverlay.jsx

@@ -131,7 +131,7 @@ export default function ShellSearchOverlay({
   }
 
   return (
-    <div className="fixed inset-0 z-[300] flex items-start justify-center pt-[20vh]">
+    <div className="fixed inset-0 flex items-start justify-center pt-[20vh]" style={{ zIndex: 'var(--kol-z-modal, 100)' }}>
       <div
         className="absolute inset-0 kol-overlay-scrim"
         onClick={onClose}