@kolkrabbi/kol-component 0.214.0 → 0.215.0

package/package.json

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

package/src/organisms/MediaLibraryPages.jsx

@@ -99,7 +99,10 @@ const SORT_OPTIONS = [
 ]
 
 /* bytes → weight: `utilities/formatSize` since 0.178.0 — one copy, exported */
-const formatDate = (iso) => (iso ? new Date(iso).toISOString().slice(0, 10) : '')
+/* the pages' shared date default. Named `default*` because BOTH pages now take
+ * a `formatDate` prop, and a prop of the same name would shadow this into a TDZ
+ * error at the destructure. */
+const defaultFormatDate = (iso) => (iso ? new Date(iso).toISOString().slice(0, 10) : '')
 const isImage = (ct) => !!ct && ct.startsWith('image/')
 const isVideo = (ct) => !!ct && ct.startsWith('video/')
 
@@ -378,7 +381,9 @@ export function MediaLibraryBrowse({
    * `ColumnBrowser`, IT IS ADDED HERE IN THE SAME EDIT, unless the page holds a
    * real opinion about it (it owns `height`, the widths and `partition`, so
    * those are deliberately absent from this list). */
-  thumbnailFor, folderMeta, formatDate, stackView,
+  thumbnailFor, folderMeta, stackView,
+  /* defaulted, not bare — see the note on the sibling page */
+  formatDate = defaultFormatDate,
   /* THE TAB PILL'S LIST (ColumnBrowserMobileViews item 16). What a tab MEANS is
    * the consumer's — a repo whose surfaces are routes wires its router here.
    * No tabs, no pill, and the page is exactly what it was. */
@@ -699,6 +704,21 @@ export function MediaLibraryLibrary({
   /* the same pill the browse page takes — the wall is one of the surfaces it
      switches between, so it has to carry it too (item 16) */
   tabs, activeTab, onTabChange,
+  /* A SEAM ON ONE PAGE IS A SEAM ON BOTH, when the field is one both render
+   * (FormatDateSkipsTheLibraryPage, kol-r2b2 2026-09-04). This reached
+   * `MediaLibraryBrowse` and not here, so a consumer passing ONE props object
+   * to both got `19.6.2026` on the Browse tab and `2026-06-19` on the Files tab
+   * — two formats for one field, one tap apart. The desktop stack had the same
+   * mismatch; the tab pill just moved the two halves close enough to see it.
+   *
+   * THE RULE, WIDENED — the fourth defect of this exact shape (`settingsFooter`
+   * documented and hardcoded past · `thumbnailFor` and `folderMeta` not
+   * forwarded · now this). These two pages are ONE SURFACE SPLIT IN TWO and a
+   * consumer hands the same props object to both, so: a prop naming how a
+   * SHARED FIELD renders is added to BOTH pages in the same edit. Props about a
+   * concept only one page has stay put — `thumbnailFor`, `folderMeta` and
+   * `stackView` are folder and stack concepts and are correctly absent here. */
+  formatDate = defaultFormatDate,
 }) {
   const [ownBucket, setOwnBucket] = useState(bucket)
   const bucketId = bucket ?? ownBucket