@burdenoff/fe-libs 2026.815.4 → 2026.819.2

package/dist/chrome/AppShellLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShellLayout.d.ts","sourceRoot":"","sources":["../../src/chrome/AppShellLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,uBAAuB;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,wBAAwB;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,uBAAuB;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,uDAAuD;IACvD,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,sDAAsD;IACtD,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;IAEpB,gCAAgC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,gCAAgC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,iCAAiC;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,oGAAoG;IACpG,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA6ElD,CAAC"}
+{"version":3,"file":"AppShellLayout.d.ts","sourceRoot":"","sources":["../../src/chrome/AppShellLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,uBAAuB;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,wBAAwB;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,uBAAuB;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,uDAAuD;IACvD,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,sDAAsD;IACtD,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;IAEpB,gCAAgC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,gCAAgC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,iCAAiC;IACjC,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,oGAAoG;IACpG,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAmFlD,CAAC"}

package/dist/chrome/AppShellLayout.js

@@ -19,7 +19,7 @@ var r = ({ header: r, sidebar: i, footer: a, bottomPanel: o, rightPanel: s, stat
 					children: [/* @__PURE__ */ n("div", {
 						className: "flex flex-col flex-1 overflow-hidden",
 						children: [/* @__PURE__ */ t("main", {
-							className: p || _,
+							className: `scrollbar-slim ${p || _}`,
 							"data-shell-scroll-container": !0,
 							children: h ? /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("div", {
 								className: d ? "flex-1" : "flex-1 min-h-0",

package/dist/chrome/SideNavigation.js

@@ -86,7 +86,7 @@ var p = ({ items: p, currentPath: m, collapsed: h = !1, onItemClick: g, onToggle
 				onCollapseAll: O
 			}),
 			/* @__PURE__ */ d("nav", {
-				className: "flex-1 min-h-0 py-card-padding overflow-y-auto overflow-x-hidden",
+				className: "scrollbar-slim scrollbar-hover-only flex-1 min-h-0 py-card-padding overflow-y-auto overflow-x-hidden",
 				children: /* @__PURE__ */ d(n, {
 					delayDuration: 300,
 					children: /* @__PURE__ */ d("ul", {

package/dist/chrome/Sidebar.js

@@ -18,7 +18,7 @@ var a = ({ sections: a, isCollapsed: o = !1, onToggleCollapse: s, header: c, foo
 				children: c
 			}),
 			/* @__PURE__ */ r("nav", {
-				className: "flex-1 overflow-y-auto py-section-gap",
+				className: "scrollbar-slim scrollbar-hover-only flex-1 overflow-y-auto py-section-gap",
 				children: a.map((t) => {
 					let a = p.has(t.title);
 					return /* @__PURE__ */ i("div", {

package/dist/shared/config/products.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"products.d.ts","sourceRoot":"","sources":["../../../src/shared/config/products.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDf,CAAC;AAEX,eAAO,MAAM,QAAQ,EAAE,aAAa,EA8SnC,CAAC;AAOF,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAIvD;AAED;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAGvE;AAED;;GAEG;AACH,wBAAgB,mBAAmB;;QA5Y7B,MAAM;UACJ,MAAM;UACN,MAAM;WACL,MAAM;kBACC,MAAM;IACpB;;;;;OAKG;iBACU,OAAO;IAmYrB"}
+{"version":3,"file":"products.d.ts","sourceRoot":"","sources":["../../../src/shared/config/products.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDf,CAAC;AAEX,eAAO,MAAM,QAAQ,EAAE,aAAa,EAgRnC,CAAC;AAOF,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAIvD;AAED;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAGvE;AAED;;GAEG;AACH,wBAAgB,mBAAmB;;QA9W7B,MAAM;UACJ,MAAM;UACN,MAAM;WACL,MAAM;kBACC,MAAM;IACpB;;;;;OAKG;iBACU,OAAO;IAqWrB"}

package/dist/shared/config/products.js

@@ -95,32 +95,28 @@ var e = {
 		name: "AdapterCloud",
 		icon: "AC",
 		color: "#0ea5e9",
-		description: "Digital infrastructure continuum",
-		comingSoon: !0
+		description: "Digital infrastructure continuum"
 	},
 	{
 		id: "artistrybase",
 		name: "ArtistryBase",
 		icon: "AB",
 		color: "#8b5cf6",
-		description: "Audio, video, stories & art platform",
-		comingSoon: !0
+		description: "Audio, video, stories & art platform"
 	},
 	{
 		id: "atheletebridge",
 		name: "AtheleteBridge",
 		icon: "AB",
 		color: "#f97316",
-		description: "Sports, gaming & training platform",
-		comingSoon: !0
+		description: "Sports, gaming & training platform"
 	},
 	{
 		id: "coolandlovely",
 		name: "CoolAndLovely",
 		icon: "CL",
 		color: "#ec4899",
-		description: "Fashion & lifestyle platform",
-		comingSoon: !0
+		description: "Fashion & lifestyle platform"
 	},
 	{
 		id: "hookmovies",
@@ -135,184 +131,161 @@ var e = {
 		name: "LabsOfScience",
 		icon: "LS",
 		color: "#14b8a6",
-		description: "Science & discovery platform",
-		comingSoon: !0
+		description: "Science & discovery platform"
 	},
 	{
 		id: "subscriberbot",
 		name: "SubscriberBot",
 		icon: "SB",
 		color: "#a855f7",
-		description: "Recurring-subscription management",
-		comingSoon: !0
+		description: "Recurring-subscription management"
 	},
 	{
 		id: "crewfoundry",
 		name: "Crewfoundry",
 		icon: "CF",
 		color: "#6366f1",
-		description: "Workforce & crew management platform",
-		comingSoon: !0
+		description: "Workforce & crew management platform"
 	},
 	{
 		id: "kadaikodi",
 		name: "Kadaikodi",
 		icon: "KK",
 		color: "#eab308",
-		description: "Local commerce marketplace",
-		comingSoon: !0
+		description: "Local commerce marketplace"
 	},
 	{
 		id: "headshotmarketing",
 		name: "HeadshotMarketing",
 		icon: "HS",
 		color: "#d946ef",
-		description: "AI-powered marketing platform",
-		comingSoon: !0
+		description: "AI-powered marketing platform"
 	},
 	{
 		id: "ggnomad",
 		name: "GGNomad",
 		icon: "GG",
 		color: "#2563EB",
-		description: "Travel, tourism & entertainment",
-		comingSoon: !0
+		description: "Travel, tourism & entertainment"
 	},
 	{
 		id: "assethandler",
 		name: "AssetHandler",
 		icon: "AH",
 		color: "#0891b2",
-		description: "Asset lifecycle management platform",
-		comingSoon: !0
+		description: "Asset lifecycle management platform"
 	},
 	{
 		id: "eventfullymanaged",
 		name: "EventfullyManaged",
 		icon: "EM",
 		color: "#e11d48",
-		description: "Event management platform",
-		comingSoon: !0
+		description: "Event management platform"
 	},
 	{
 		id: "housingvista",
 		name: "HousingVista",
 		icon: "HV",
 		color: "#059669",
-		description: "Real estate & housing platform",
-		comingSoon: !0
+		description: "Real estate & housing platform"
 	},
 	{
 		id: "timecampus",
 		name: "Timecampus",
 		icon: "TC",
 		color: "#2563eb",
-		description: "Time & scheduling platform",
-		comingSoon: !0
+		description: "Time & scheduling platform"
 	},
 	{
 		id: "movethewheels",
 		name: "MoveTheWheels",
 		icon: "MW",
 		color: "#ea580c",
-		description: "Logistics & mobility platform",
-		comingSoon: !0
+		description: "Logistics & mobility platform"
 	},
 	{
 		id: "manufacturedops",
 		name: "ManufacturedOps",
 		icon: "MO",
 		color: "#475569",
-		description: "Manufacturing execution system",
-		comingSoon: !0
+		description: "Manufacturing execution system"
 	},
 	{
 		id: "proserviceworld",
 		name: "ProServiceWorld",
 		icon: "PS",
 		color: "#7c3aed",
-		description: "Professional services platform",
-		comingSoon: !0
+		description: "Professional services platform"
 	},
 	{
 		id: "intelwatchtower",
 		name: "IntelWatchtower",
 		icon: "IW",
 		color: "#0369a1",
-		description: "Military & intelligence platform",
-		comingSoon: !0
+		description: "Military & intelligence platform"
 	},
 	{
 		id: "govcitizenhub",
 		name: "GovCitizenHub",
 		icon: "GC",
 		color: "#e34003",
-		description: "Government & citizen operations platform",
-		comingSoon: !0
+		description: "Government & citizen operations platform"
 	},
 	{
 		id: "brainyrich",
 		name: "BrainyRich",
 		icon: "BR",
 		color: "#059669",
-		description: "Wealth management platform",
-		comingSoon: !0
+		description: "Wealth management platform"
 	},
 	{
 		id: "buildmyiq",
 		name: "BuildMyIQ",
 		icon: "BI",
 		color: "#6366f1",
-		description: "AI-native learning platform",
-		comingSoon: !0
+		description: "AI-native learning platform"
 	},
 	{
 		id: "collabkin",
 		name: "CollabKin",
 		icon: "CK",
 		color: "#f59e0b",
-		description: "Private family & ancestry",
-		comingSoon: !0
+		description: "Private family & ancestry"
 	},
 	{
 		id: "comradecircle",
 		name: "ComradeCircle",
 		icon: "CC",
 		color: "#0d9488",
-		description: "Community engagement platform",
-		comingSoon: !0
+		description: "Community engagement platform"
 	},
 	{
 		id: "cosmicintersection",
 		name: "CosmicIntersection",
 		icon: "CI",
 		color: "#7c3aed",
-		description: "Space & science data platform",
-		comingSoon: !0
+		description: "Space & science data platform"
 	},
 	{
 		id: "ecoimpacthub",
 		name: "EcoImpactHub",
 		icon: "EI",
 		color: "#16a34a",
-		description: "Environment, sustainability & conservation",
-		comingSoon: !0
+		description: "Environment, sustainability & conservation"
 	},
 	{
 		id: "mybodyshield",
 		name: "MyBodyShield",
 		icon: "MB",
 		color: "#2563eb",
-		description: "Complete health & fitness platform",
-		comingSoon: !0
+		description: "Complete health & fitness platform"
 	},
 	{
 		id: "planmagnet",
 		name: "PlanMagnet",
 		icon: "PM",
 		color: "#3b82f6",
-		description: "Product & project management",
-		comingSoon: !0
+		description: "Product & project management"
 	},
 	{
 		id: "semanticfed",
@@ -327,24 +300,21 @@ var e = {
 		name: "TechnoSpam",
 		icon: "TS",
 		color: "#8b5cf6",
-		description: "Learn technology by doing",
-		comingSoon: !0
+		description: "Learn technology by doing"
 	},
 	{
 		id: "theculturepost",
 		name: "TheCulturePost",
 		icon: "CP",
 		color: "#db2777",
-		description: "Sourced cultural storytelling",
-		comingSoon: !0
+		description: "Sourced cultural storytelling"
 	},
 	{
 		id: "theglobalfuel",
 		name: "TheGlobalFuel",
 		icon: "TF",
 		color: "#f59e0b",
-		description: "Energy, minerals & resources platform",
-		comingSoon: !0
+		description: "Energy, minerals & resources platform"
 	}
 ];
 function n() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/fe-libs",
-  "version": "2026.815.4",
+  "version": "2026.819.2",
   "description": "Burdenoff frontend primitives and domain libraries",
   "type": "module",
   "bin": {

package/src/shared/tokens/tokens.css

@@ -67,3 +67,99 @@
 :root[data-reduce-motion] {
   --pop-lift-y: 0px;
 }
+
+/* Boff UI 2.0 — slim scrollbar utility.
+ *
+ * Opt-in (NOT a global `::-webkit-scrollbar` override) so it only lands on the
+ * surfaces that ask for it — the app-shell sidebars today. The browser default
+ * bar is a wide, opaque grey that reads as a foreign object against a dark
+ * sidebar; this replaces it with a thin rounded thumb on a transparent track.
+ *
+ * The thumb is mixed from --color-text-primary rather than pinned to a border
+ * or text token, because no fixed token reads correctly in both themes:
+ * --color-border-strong is a clean grey in light (#9CA3AF) but nearly the
+ * sidebar's own background in dark (#3C4759), while --color-text-muted is the
+ * reverse. Mixing off the foreground colour inverts with the theme for free.
+ *
+ * Native scrolling is kept intact — no Radix wrapper — so keyboard, touch and
+ * scroll-anchoring behaviour are unchanged.
+ *
+ * Unlayered, so it wins over the foundation/semantic/brands/themes layers
+ * without needing !important.
+ */
+/* Firefox (and anything without the WebKit pseudo-elements).
+ *
+ * This MUST stay behind @supports: Chrome implements both APIs, and setting
+ * `scrollbar-width`/`scrollbar-color` on an element makes Chrome ignore that
+ * element's ::-webkit-scrollbar rules entirely. Applied unconditionally it
+ * silently disables the width and border-radius below, and Chrome falls back
+ * to its own built-in "thin" bar. */
+@supports not selector(::-webkit-scrollbar) {
+  .scrollbar-slim {
+    scrollbar-width: thin;
+    scrollbar-color: color-mix(in oklab, var(--color-text-primary) 52%, transparent) transparent;
+  }
+}
+
+/* WebKit/Blink — the path Chrome, Edge and Safari actually take. */
+.scrollbar-slim::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+
+.scrollbar-slim::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.scrollbar-slim::-webkit-scrollbar-thumb {
+  background-color: color-mix(in oklab, var(--color-text-primary) 52%, transparent);
+  border-radius: var(--radius-pill);
+}
+
+.scrollbar-slim::-webkit-scrollbar-thumb:hover {
+  background-color: color-mix(in oklab, var(--color-text-primary) 75%, transparent);
+}
+
+/* Corner where a vertical and horizontal bar meet — default is an opaque
+ * grey square that would reintroduce exactly the artefact this removes. */
+.scrollbar-slim::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
+/* Boff UI 2.0 — hover-reveal modifier for .scrollbar-slim.
+ *
+ * Composes with .scrollbar-slim: the thumb is transparent until the pointer is
+ * anywhere over the scroll container, then fades up to the normal resting
+ * colour. Used on the app-shell side nav, where a permanently visible bar
+ * competes with the nav items for attention.
+ *
+ * The width is deliberately NOT zeroed at rest — the gutter stays reserved so
+ * revealing the thumb cannot reflow the nav underneath it.
+ *
+ * Pointer-coarse devices (touch) are excluded: there is no hover there, so the
+ * bar would never be reachable.
+ */
+@media (hover: hover) {
+  .scrollbar-hover-only::-webkit-scrollbar-thumb {
+    background-color: transparent;
+  }
+
+  .scrollbar-hover-only:hover::-webkit-scrollbar-thumb {
+    background-color: color-mix(in oklab, var(--color-text-primary) 52%, transparent);
+  }
+
+  .scrollbar-hover-only:hover::-webkit-scrollbar-thumb:hover {
+    background-color: color-mix(in oklab, var(--color-text-primary) 75%, transparent);
+  }
+
+  /* Firefox equivalent — same @supports reasoning as .scrollbar-slim above. */
+  @supports not selector(::-webkit-scrollbar) {
+    .scrollbar-hover-only {
+      scrollbar-color: transparent transparent;
+    }
+
+    .scrollbar-hover-only:hover {
+      scrollbar-color: color-mix(in oklab, var(--color-text-primary) 52%, transparent) transparent;
+    }
+  }
+}