@kolkrabbi/kol-component 0.111.0 → 0.112.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-component",
-  "version": "0.111.0",
+  "version": "0.112.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/index.js

@@ -137,7 +137,7 @@ export { default as LoaderOverlay } from './utilities/LoaderOverlay.jsx'
 export { default as MediaLibrary, MediaLibraryProvider, useMediaLibrary, MediaPicker, MediaBrowser } from './organisms/MediaLibrary.jsx'
 export { default as MediaTileGallery } from './organisms/MediaTileGallery.jsx'
 export { default as MediaViewer } from './organisms/MediaViewer.jsx'
-export { default as SettingsPanel, SettingsSection, SettingsRow, SettingsSwitch, SettingsChoice, SettingsMulti, SettingsChipRow, SettingsFooter } from './organisms/SettingsPanel.jsx'
+export { default as SettingsPanel, LabeledControlSection, SettingsRow, SettingsSwitch, SettingsChoice, SettingsMulti, SettingsChipRow, SettingsFooter } from './organisms/SettingsPanel.jsx'
 export { default as SectionNewsletter } from './organisms/SectionNewsletter.jsx'
 export { default as NewsletterBand } from './organisms/NewsletterBand.jsx'
 export { default as ColumnBrowser } from './organisms/ColumnBrowser.jsx'

package/src/organisms/SettingsPanel.jsx

@@ -130,11 +130,15 @@ export function SettingsSwitch({ on = false, onChange, disabled = false, disable
   )
 }
 
-/** SettingsSection — a section of the panel (SettingsPanelApproved, 2026-08-27):
- *  the EYEBROW (`kol-eyebrow text-fg-80`) standing apart from the rows (gap-3),
- *  the rows in their own stack — `rowGap` 1 for switch rows (24 tall already),
- *  2 for dropdown rows. `divided` = a hairline above (between sections). */
-export function SettingsSection({ label, divided = false, rowGap = 2, children, className = '' }) {
+/** LabeledControlSection — a section of LabeledControls: the EYEBROW
+ *  (`kol-eyebrow text-fg-80`) standing apart from the rows (gap-3), the rows in
+ *  their own stack — `rowGap` 1 for switch rows (24 tall already), 2 for
+ *  dropdown rows. `divided` = a hairline above (between sections).
+ *  Was `SettingsSection` until 2026-08-27 (LabeledControlSection, kol-r2b2 —
+ *  user ruling: it named the place it was first used, not what it is; kol-fxr
+ *  took it for a params rail the same day). RENAMED, NO ALIAS — the render is
+ *  the 0.104.0 locked composition, untouched. */
+export function LabeledControlSection({ label, divided = false, rowGap = 2, children, className = '' }) {
   return (
     <div className={`flex flex-col gap-3 ${divided ? 'kol-section--divided' : ''} ${className}`.replace(/\s+/g, ' ').trim()}>
       {label && <p className="kol-eyebrow text-fg-80">{label}</p>}