@omerdlw/base-framework 1.0.5 → 1.0.6

package/dist/index.js

@@ -7733,13 +7733,18 @@ init_theme();
 // src/modules/ambient/color.ts
 var COLOR_EXTRACT_CONFIG = Object.freeze({
   blackChromaFactor: 0.35,
-  primaryLightness: 0.74,
-  maxBlackChroma: 0.055,
   blackLightness: 0.15,
   cacheLimit: 100,
+  chromaGain: 9.4,
+  hueBins: 36,
+  maxBlackChroma: 0.055,
   maxChroma: 0.28,
-  minChroma: 0.03,
-  sampleSize: 32
+  maxPrimaryChroma: 0.24,
+  minPixelChroma: 0.03,
+  minPresence: 0.04,
+  neutralChroma: 0.012,
+  primaryLightness: 0.74,
+  sampleSize: 64
 });
 function srgbToLinear(c) {
   const v = c / 255;
@@ -7776,100 +7781,104 @@ function oklchToString(l, c, h, alpha = 1) {
   }
   return `oklch(${safeL} ${safeC} ${safeH})`;
 }
+function clamp2(value, min, max) {
+  return Math.max(min, Math.min(max, value));
+}
 function derivePalette(sampled) {
   const {
     blackChromaFactor,
     blackLightness,
+    chromaGain,
     maxBlackChroma,
     maxChroma,
-    minChroma,
+    maxPrimaryChroma,
+    neutralChroma,
     primaryLightness
   } = COLOR_EXTRACT_CONFIG;
-  const chroma = Math.max(minChroma, Math.min(maxChroma, sampled.c));
-  const blackChroma = Math.min(
-    maxBlackChroma,
-    Math.max(0.025, chroma * blackChromaFactor)
-  );
-  const primaryChroma = Math.max(
-    0.15,
-    Math.min(0.24, Math.max(chroma * 1.15, 0.18))
-  );
+  const chroma = sampled.c < neutralChroma ? 0 : clamp2(sampled.c, 0, maxChroma);
+  const hue = chroma === 0 ? 0 : sampled.h;
+  const primaryChroma = maxPrimaryChroma * (1 - Math.exp(-chroma * chromaGain));
+  const primaryL = clamp2(
+    primaryLightness + (sampled.l - 0.6) * 0.5,
+    0.6,
+    0.86
+  );
+  const blackChroma = Math.min(maxBlackChroma, chroma * blackChromaFactor);
+  const blackL = clamp2(blackLightness + (sampled.l - 0.6) * 0.06, 0.12, 0.18);
   return {
-    black: oklchToString(blackLightness, blackChroma, sampled.h),
-    primary: oklchToString(primaryLightness, primaryChroma, sampled.h)
+    black: oklchToString(blackL, blackChroma, hue),
+    primary: oklchToString(primaryL, primaryChroma, hue)
   };
 }
 
 // src/modules/ambient/extractor.ts
 function sampleImageData(imageData) {
+  const { hueBins, minPixelChroma, minPresence } = COLOR_EXTRACT_CONFIG;
   const data = imageData.data;
-  const len = data.length;
-  const numBins = 24;
-  const binAngle = 360 / numBins;
-  const bins = Array.from({ length: numBins }, () => ({
-    count: 0,
+  const binAngle = 360 / hueBins;
+  const bins = Array.from({ length: hueBins }, () => ({
+    cos: 0,
+    sin: 0,
     sumC: 0,
-    sumCos: 0,
     sumL: 0,
-    sumSin: 0
+    weight: 0
   }));
-  let neutralCount = 0;
-  let neutralSumL = 0;
+  let opaqueCount = 0;
+  let opaqueSumL = 0;
   let chromaticCount = 0;
-  for (let i = 0; i < len; i += 4) {
-    const alpha = data[i + 3];
-    if (alpha < 128) continue;
-    const r = data[i];
-    const g = data[i + 1];
-    const b = data[i + 2];
-    const oklch = rgbToOklch(r, g, b);
-    if (oklch.l < 0.04 || oklch.l > 0.96 || oklch.c < 0.02) {
-      neutralCount++;
-      neutralSumL += oklch.l;
+  let midNeutralCount = 0;
+  for (let i = 0; i < data.length; i += 4) {
+    if (data[i + 3] < 128) continue;
+    const { c, h, l } = rgbToOklch(data[i], data[i + 1], data[i + 2]);
+    opaqueCount++;
+    opaqueSumL += l;
+    if (l < 0.06 || l > 0.96) continue;
+    if (c < minPixelChroma) {
+      midNeutralCount++;
       continue;
     }
-    const binIndex = Math.floor(oklch.h / binAngle) % numBins;
-    const rad = oklch.h * (Math.PI / 180);
-    const bin = bins[binIndex];
-    bin.count++;
-    bin.sumL += oklch.l;
-    bin.sumC += oklch.c;
-    bin.sumCos += Math.cos(rad);
-    bin.sumSin += Math.sin(rad);
+    const usable = 1 - 0.7 * Math.min(1, Math.abs(l - 0.62) / 0.62);
+    const weight2 = c * c * usable;
+    const rad = h * (Math.PI / 180);
+    const bin = bins[Math.floor(h / binAngle) % hueBins];
+    bin.weight += weight2;
+    bin.sumC += c * weight2;
+    bin.sumL += l * weight2;
+    bin.cos += Math.cos(rad) * weight2;
+    bin.sin += Math.sin(rad) * weight2;
     chromaticCount++;
   }
-  if (chromaticCount === 0) {
-    const avgL2 = neutralCount > 0 ? neutralSumL / neutralCount : 0.55;
-    return { c: 0.03, h: 252, l: avgL2 };
-  }
+  const averageL = opaqueCount > 0 ? opaqueSumL / opaqueCount : 0.5;
+  const neutral = { c: 0, h: 0, l: Number(averageL.toFixed(3)) };
+  const presence = chromaticCount / Math.max(1, chromaticCount + midNeutralCount);
+  if (chromaticCount === 0 || presence < minPresence) return neutral;
   let bestIndex = 0;
-  let maxWindowCount = -1;
-  for (let i = 0; i < numBins; i++) {
-    const prev2 = bins[(i - 1 + numBins) % numBins];
-    const curr2 = bins[i];
-    const next2 = bins[(i + 1) % numBins];
-    const windowCount = prev2.count * 0.5 + curr2.count + next2.count * 0.5;
-    if (windowCount > maxWindowCount) {
-      maxWindowCount = windowCount;
+  let bestScore = -1;
+  for (let i = 0; i < hueBins; i++) {
+    const prev = bins[(i - 1 + hueBins) % hueBins];
+    const next = bins[(i + 1) % hueBins];
+    const score = prev.weight * 0.5 + bins[i].weight + next.weight * 0.5;
+    if (score > bestScore) {
+      bestScore = score;
       bestIndex = i;
     }
   }
-  const prev = bins[(bestIndex - 1 + numBins) % numBins];
-  const curr = bins[bestIndex];
-  const next = bins[(bestIndex + 1) % numBins];
-  const totalCount = prev.count + curr.count + next.count;
-  if (totalCount === 0) {
-    return { c: 0.19, h: 252, l: 0.55 };
-  }
-  const avgL = (prev.sumL + curr.sumL + next.sumL) / totalCount;
-  const avgC = (prev.sumC + curr.sumC + next.sumC) / totalCount;
-  const avgSin = prev.sumSin + curr.sumSin + next.sumSin;
-  const avgCos = prev.sumCos + curr.sumCos + next.sumCos;
-  const avgH = (Math.atan2(avgSin, avgCos) * (180 / Math.PI) + 360) % 360;
+  const window2 = [
+    bins[(bestIndex - 1 + hueBins) % hueBins],
+    bins[bestIndex],
+    bins[(bestIndex + 1) % hueBins]
+  ];
+  const weight = window2.reduce((sum, bin) => sum + bin.weight, 0);
+  if (weight === 0) return neutral;
+  const sumC = window2.reduce((sum, bin) => sum + bin.sumC, 0);
+  const sumL = window2.reduce((sum, bin) => sum + bin.sumL, 0);
+  const sin = window2.reduce((sum, bin) => sum + bin.sin, 0);
+  const cos = window2.reduce((sum, bin) => sum + bin.cos, 0);
+  const dilution = 0.45 + 0.55 * Math.min(1, presence / 0.3);
   return {
-    c: Number(avgC.toFixed(3)),
-    h: Number(avgH.toFixed(1)),
-    l: Number(avgL.toFixed(3))
+    c: Number((sumC / weight * dilution).toFixed(3)),
+    h: Number(((Math.atan2(sin, cos) * (180 / Math.PI) + 360) % 360).toFixed(1)),
+    l: Number((sumL / weight).toFixed(3))
   };
 }
 function createDefaultPalette(fallback) {
@@ -8618,6 +8627,7 @@ init_utils();
 init_atoms();
 
 // src/modules/dock/surface/context.tsx
+init_kernel();
 init_utils();
 
 // src/modules/dock/surface/helpers.ts
@@ -8749,7 +8759,7 @@ function normalizeSurfaceExtension(input) {
   if (typeof input !== "object") return null;
   const extension = input;
   const component = isValidComponentType(extension.component) ? extension.component : null;
-  const content = isValidElement(extension.content) || typeof extension.content === "string" || typeof extension.content === "number" ? extension.content : null;
+  const content = isValidElement(extension.content) || typeof extension.content === "string" && extension.content !== "" || typeof extension.content === "number" ? extension.content : null;
   if (!component && content == null) return null;
   const align = extension.align === "right" || extension.align === "end" ? "right" : extension.align === "center" ? "center" : "left";
   return {
@@ -8794,8 +8804,8 @@ function resolveSurfaceFlowReturnHandshake(definition, input) {
 }
 
 // src/modules/dock/surface/context.tsx
-var SurfaceExtensionsContext = createContext(null);
-var SurfaceItemContext = createContext({
+var SurfaceExtensionsContext = getOrCreateGlobalContext("SurfaceExtensionsContext", null);
+var SurfaceItemContext = getOrCreateGlobalContext("SurfaceItemContext", {
   id: null,
   width: null
 });
@@ -11694,7 +11704,7 @@ function useIsSurfaceExtensionsVisible(activeItem) {
     return Array.isArray(raw) ? raw.length : 0;
   }, [activeItem?.surfaceExtensions, activeItem?.extensions]);
   return Boolean(
-    isSurface && isBodyVisible && (dynamicCount > 0 || descriptorCount > 0)
+    isSurface && (isBodyVisible && dynamicCount > 0 || descriptorCount > 0)
   );
 }
 function useDockSurfaceExtensionsBarModel({