funky-shadow 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 iamnoman
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.mts

@@ -0,0 +1,82 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CSSProperties, ReactNode } from 'react';
+
+type ColorStops = [number, number, number][];
+interface Preset {
+    id: string;
+    label: string;
+    stops: ColorStops;
+}
+declare const PRESETS: Preset[];
+declare function getPreset(id: string): Preset | undefined;
+declare function getPresetByIndex(index: number): Preset;
+
+type GradientShape = 'line' | 'radial';
+type DitherMode = '8x8' | '4x4' | '2x2' | 'off';
+interface ShadowConfig {
+    /** Shadow X offset in pixels */
+    offsetX: number;
+    /** Shadow Y offset in pixels */
+    offsetY: number;
+    /** Shadow blur radius in pixels */
+    blur: number;
+    /** Shadow opacity 0-1 */
+    opacity: number;
+    /** Gradient preset name or index */
+    preset: string | number;
+    /** Custom color stops (overrides preset) */
+    colors?: ColorStops;
+    /** Gradient shape */
+    shape: GradientShape;
+    /** Gradient angle in degrees */
+    angle: number;
+    /** Gradient spread 0-200 */
+    spread: number;
+    /** Pixel scale (dot size) */
+    pixelScale: number;
+    /** Dither matrix size */
+    dither: DitherMode;
+    /** Color quantization levels 2-7 */
+    quantLevels: number;
+    /** Use Oklab color space for interpolation */
+    oklab: boolean;
+    /** Contrast adjustment 50-200 */
+    contrast: number;
+    /** Brightness adjustment -50 to 50 */
+    brightness: number;
+}
+declare const DEFAULT_CONFIG: ShadowConfig;
+
+interface FunkyShadowProps extends Partial<ShadowConfig> {
+    /** Width of the element. Required. */
+    width: number;
+    /** Height of the element. Required. */
+    height: number;
+    /** Border radius of the element */
+    radius?: number;
+    /** Additional class name on the wrapper */
+    className?: string;
+    /** Additional styles on the wrapper */
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+declare function FunkyShadow({ width, height, radius, className, style, children, offsetX, offsetY, blur, opacity: opacityProp, preset, colors, shape, angle, spread, pixelScale, dither, quantLevels, oklab, contrast, brightness, }: FunkyShadowProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Core rendering engine for dithered gradient shadows.
+ * Pure canvas — no React or DOM dependencies beyond CanvasRenderingContext2D.
+ */
+
+/**
+ * Render a dithered gradient shadow to a canvas.
+ * This is the low-level API — use `<FunkyShadow>` for React.
+ *
+ * @param canvas - Target canvas element
+ * @param elementWidth - Width of the element casting the shadow
+ * @param elementHeight - Height of the element casting the shadow
+ * @param elementRadius - Border radius of the element
+ * @param config - Shadow configuration (partial, merged with defaults)
+ */
+declare function renderShadow(canvas: HTMLCanvasElement, elementWidth: number, elementHeight: number, elementRadius: number, config?: Partial<ShadowConfig>): void;
+
+export { type ColorStops, DEFAULT_CONFIG, type DitherMode, FunkyShadow, type FunkyShadowProps, type GradientShape, PRESETS, type Preset, type ShadowConfig, getPreset, getPresetByIndex, renderShadow };

package/dist/index.d.ts

@@ -0,0 +1,82 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CSSProperties, ReactNode } from 'react';
+
+type ColorStops = [number, number, number][];
+interface Preset {
+    id: string;
+    label: string;
+    stops: ColorStops;
+}
+declare const PRESETS: Preset[];
+declare function getPreset(id: string): Preset | undefined;
+declare function getPresetByIndex(index: number): Preset;
+
+type GradientShape = 'line' | 'radial';
+type DitherMode = '8x8' | '4x4' | '2x2' | 'off';
+interface ShadowConfig {
+    /** Shadow X offset in pixels */
+    offsetX: number;
+    /** Shadow Y offset in pixels */
+    offsetY: number;
+    /** Shadow blur radius in pixels */
+    blur: number;
+    /** Shadow opacity 0-1 */
+    opacity: number;
+    /** Gradient preset name or index */
+    preset: string | number;
+    /** Custom color stops (overrides preset) */
+    colors?: ColorStops;
+    /** Gradient shape */
+    shape: GradientShape;
+    /** Gradient angle in degrees */
+    angle: number;
+    /** Gradient spread 0-200 */
+    spread: number;
+    /** Pixel scale (dot size) */
+    pixelScale: number;
+    /** Dither matrix size */
+    dither: DitherMode;
+    /** Color quantization levels 2-7 */
+    quantLevels: number;
+    /** Use Oklab color space for interpolation */
+    oklab: boolean;
+    /** Contrast adjustment 50-200 */
+    contrast: number;
+    /** Brightness adjustment -50 to 50 */
+    brightness: number;
+}
+declare const DEFAULT_CONFIG: ShadowConfig;
+
+interface FunkyShadowProps extends Partial<ShadowConfig> {
+    /** Width of the element. Required. */
+    width: number;
+    /** Height of the element. Required. */
+    height: number;
+    /** Border radius of the element */
+    radius?: number;
+    /** Additional class name on the wrapper */
+    className?: string;
+    /** Additional styles on the wrapper */
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+declare function FunkyShadow({ width, height, radius, className, style, children, offsetX, offsetY, blur, opacity: opacityProp, preset, colors, shape, angle, spread, pixelScale, dither, quantLevels, oklab, contrast, brightness, }: FunkyShadowProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Core rendering engine for dithered gradient shadows.
+ * Pure canvas — no React or DOM dependencies beyond CanvasRenderingContext2D.
+ */
+
+/**
+ * Render a dithered gradient shadow to a canvas.
+ * This is the low-level API — use `<FunkyShadow>` for React.
+ *
+ * @param canvas - Target canvas element
+ * @param elementWidth - Width of the element casting the shadow
+ * @param elementHeight - Height of the element casting the shadow
+ * @param elementRadius - Border radius of the element
+ * @param config - Shadow configuration (partial, merged with defaults)
+ */
+declare function renderShadow(canvas: HTMLCanvasElement, elementWidth: number, elementHeight: number, elementRadius: number, config?: Partial<ShadowConfig>): void;
+
+export { type ColorStops, DEFAULT_CONFIG, type DitherMode, FunkyShadow, type FunkyShadowProps, type GradientShape, PRESETS, type Preset, type ShadowConfig, getPreset, getPresetByIndex, renderShadow };

package/dist/index.js

@@ -0,0 +1,357 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/FunkyShadow.tsx
+
+// src/presets.ts
+var PRESETS = [
+  { id: "crt-night", label: "CRT Night", stops: [[0, 0, 170], [85, 0, 255], [170, 0, 255], [255, 85, 255], [255, 215, 255], [255, 255, 255]] },
+  { id: "thermal", label: "Thermal", stops: [[0, 0, 0], [0, 0, 135], [135, 0, 135], [255, 0, 0], [255, 175, 0], [255, 255, 85], [255, 255, 255]] },
+  { id: "plasma", label: "Plasma", stops: [[0, 0, 135], [135, 0, 175], [255, 0, 85], [255, 175, 0], [255, 255, 85], [85, 255, 85], [0, 175, 175]] },
+  { id: "deep-scan", label: "Deep Scan", stops: [[0, 0, 0], [0, 0, 95], [0, 0, 175], [0, 95, 255], [85, 175, 255], [175, 215, 255], [235, 245, 255]] },
+  { id: "sunset-strip", label: "Sunset Strip", stops: [[0, 0, 55], [55, 0, 95], [175, 0, 95], [255, 55, 55], [255, 135, 55], [255, 215, 55], [255, 255, 175]] },
+  { id: "vaporwave", label: "Vaporwave", stops: [[15, 0, 40], [55, 0, 135], [175, 0, 255], [255, 85, 215], [85, 255, 255], [255, 255, 255]] },
+  { id: "galaxy", label: "Galaxy", stops: [[0, 0, 0], [15, 0, 55], [55, 0, 175], [135, 55, 255], [255, 135, 215], [255, 215, 255], [255, 255, 255]] },
+  { id: "magma", label: "Magma", stops: [[0, 0, 0], [35, 0, 55], [135, 0, 95], [215, 55, 0], [255, 175, 0], [255, 255, 175]] },
+  { id: "ocean", label: "Ocean", stops: [[0, 0, 0], [0, 0, 55], [0, 55, 135], [0, 135, 175], [85, 215, 215], [175, 255, 255]] },
+  { id: "synthwave", label: "Synthwave", stops: [[0, 0, 35], [35, 0, 95], [135, 0, 175], [255, 0, 135], [255, 95, 55], [255, 215, 0]] },
+  { id: "forest", label: "Forest", stops: [[0, 0, 0], [0, 35, 15], [0, 95, 35], [35, 135, 55], [95, 195, 95], [175, 235, 135]] },
+  { id: "noir", label: "Noir", stops: [[0, 0, 0], [15, 15, 25], [55, 55, 75], [135, 135, 155], [215, 215, 235], [255, 255, 255]] }
+];
+function getPreset(id) {
+  return PRESETS.find((p) => p.id === id);
+}
+function getPresetByIndex(index) {
+  return PRESETS[index % PRESETS.length];
+}
+
+// src/types.ts
+var DEFAULT_CONFIG = {
+  offsetX: -15,
+  offsetY: 20,
+  blur: 30,
+  opacity: 0.7,
+  preset: "galaxy",
+  shape: "radial",
+  angle: 45,
+  spread: 120,
+  pixelScale: 3,
+  dither: "4x4",
+  quantLevels: 4,
+  oklab: true,
+  contrast: 130,
+  brightness: 0
+};
+
+// src/render.ts
+var BAYER2 = [[0, 2], [3, 1]];
+var BAYER4 = [
+  [0, 8, 2, 10],
+  [12, 4, 14, 6],
+  [3, 11, 1, 9],
+  [15, 7, 13, 5]
+];
+var BAYER8 = [
+  [0, 32, 8, 40, 2, 34, 10, 42],
+  [48, 16, 56, 24, 50, 18, 58, 26],
+  [12, 44, 4, 36, 14, 46, 6, 38],
+  [60, 28, 52, 20, 62, 30, 54, 22],
+  [3, 35, 11, 43, 1, 33, 9, 41],
+  [51, 19, 59, 27, 49, 17, 57, 25],
+  [15, 47, 7, 39, 13, 45, 5, 37],
+  [63, 31, 55, 23, 61, 29, 53, 21]
+];
+function bayerThreshold(x, y, mode) {
+  if (mode === "off") return 0.5;
+  if (mode === "2x2") return (BAYER2[y % 2][x % 2] + 0.5) / 4;
+  if (mode === "4x4") return (BAYER4[y % 4][x % 4] + 0.5) / 16;
+  return (BAYER8[y % 8][x % 8] + 0.5) / 64;
+}
+function buildLevels(count) {
+  if (count <= 1) return [0, 255];
+  return Array.from({ length: count }, (_, i) => Math.round(i / (count - 1) * 255));
+}
+function ditherChannel(value, threshold, levels) {
+  if (value <= levels[0]) return levels[0];
+  if (value >= levels[levels.length - 1]) return levels[levels.length - 1];
+  for (let i = 0; i < levels.length - 1; i++) {
+    if (value >= levels[i] && value <= levels[i + 1]) {
+      const lo = levels[i];
+      const hi = levels[i + 1];
+      return (value - lo) / (hi - lo) > threshold ? hi : lo;
+    }
+  }
+  return value;
+}
+function lerpStops(stops, t) {
+  if (t <= 0) return stops[0];
+  if (t >= 1) return stops[stops.length - 1];
+  const seg = t * (stops.length - 1);
+  const i = Math.floor(seg);
+  const f = seg - i;
+  const a = stops[Math.min(i, stops.length - 1)];
+  const b = stops[Math.min(i + 1, stops.length - 1)];
+  return [a[0] + (b[0] - a[0]) * f, a[1] + (b[1] - a[1]) * f, a[2] + (b[2] - a[2]) * f];
+}
+function srgbToLinear(c) {
+  const v = c / 255;
+  return v <= 0.04045 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
+}
+function linearToSrgb(c) {
+  const v = c <= 31308e-7 ? c * 12.92 : 1.055 * Math.pow(c, 1 / 2.4) - 0.055;
+  return Math.max(0, Math.min(255, v * 255));
+}
+function rgbToOklab(r, g, b) {
+  const lr = srgbToLinear(r), lg = srgbToLinear(g), lb = srgbToLinear(b);
+  const l = Math.cbrt(0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb);
+  const m = Math.cbrt(0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb);
+  const s = Math.cbrt(0.0883024619 * lr + 0.2817188376 * lg + 0.6299787005 * lb);
+  return [
+    0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s,
+    1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s,
+    0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s
+  ];
+}
+function oklabToRgb(l, a, b) {
+  const l1 = l + 0.3963377774 * a + 0.2158037573 * b;
+  const m1 = l - 0.1055613458 * a - 0.0638541728 * b;
+  const s1 = l - 0.0894841775 * a - 1.291485548 * b;
+  return [
+    linearToSrgb(l1 * l1 * l1 * 4.0767416621 + m1 * m1 * m1 * -3.3077115913 + s1 * s1 * s1 * 0.2309699292),
+    linearToSrgb(l1 * l1 * l1 * -1.2684380046 + m1 * m1 * m1 * 2.6097574011 + s1 * s1 * s1 * -0.3413193965),
+    linearToSrgb(l1 * l1 * l1 * -0.0041960863 + m1 * m1 * m1 * -0.7034186147 + s1 * s1 * s1 * 1.707614701)
+  ];
+}
+function lerpStopsOklab(stops, t) {
+  if (t <= 0) return oklabToRgb(stops[0][0], stops[0][1], stops[0][2]);
+  if (t >= 1) {
+    const last = stops[stops.length - 1];
+    return oklabToRgb(last[0], last[1], last[2]);
+  }
+  const seg = t * (stops.length - 1);
+  const i = Math.floor(seg);
+  const f = seg - i;
+  const a = stops[i], b = stops[i + 1];
+  return oklabToRgb(a[0] + (b[0] - a[0]) * f, a[1] + (b[1] - a[1]) * f, a[2] + (b[2] - a[2]) * f);
+}
+function gradientValue(x, y, w, h, shape, angle, spread) {
+  const cx = w / 2, cy = h / 2;
+  let t = 0;
+  if (shape === "line") {
+    const rad = angle * Math.PI / 180;
+    const proj = (x - cx) * Math.cos(rad) + (y - cy) * Math.sin(rad);
+    const maxProj = Math.abs(w / 2 * Math.cos(rad)) + Math.abs(h / 2 * Math.sin(rad));
+    t = maxProj > 0 ? (proj + maxProj) / (2 * maxProj) : 0.5;
+  } else {
+    t = Math.sqrt(((x - cx) / (w / 2)) ** 2 + ((y - cy) / (h / 2)) ** 2) / Math.SQRT2;
+  }
+  t = 0.5 + (t - 0.5) * (spread / 100);
+  return Math.max(0, Math.min(1, t));
+}
+function renderGradient(ctx, stops, rw, rh, shape, angle, spread, dither, quantLevels, oklab, contrast, brightness) {
+  const levels = buildLevels(quantLevels);
+  const contrastF = contrast / 100;
+  const brightnessF = brightness * 2.55;
+  const oklabStops = oklab ? stops.map(([r, g, b]) => rgbToOklab(r, g, b)) : null;
+  const imgData = ctx.createImageData(rw, rh);
+  const buf = imgData.data;
+  for (let py = 0; py < rh; py++) {
+    for (let px = 0; px < rw; px++) {
+      const t = gradientValue(px, py, rw, rh, shape, angle, spread);
+      let [r, g, b] = oklabStops ? lerpStopsOklab(oklabStops, t) : lerpStops(stops, t);
+      r = Math.max(0, Math.min(255, (r - 128) * contrastF + 128 + brightnessF));
+      g = Math.max(0, Math.min(255, (g - 128) * contrastF + 128 + brightnessF));
+      b = Math.max(0, Math.min(255, (b - 128) * contrastF + 128 + brightnessF));
+      const th = bayerThreshold(px, py, dither);
+      const off = (py * rw + px) * 4;
+      buf[off] = ditherChannel(r, th, levels);
+      buf[off + 1] = ditherChannel(g, th, levels);
+      buf[off + 2] = ditherChannel(b, th, levels);
+      buf[off + 3] = 255;
+    }
+  }
+  ctx.putImageData(imgData, 0, 0);
+}
+var BAYER8_MASK = [
+  [0, 32, 8, 40, 2, 34, 10, 42],
+  [48, 16, 56, 24, 50, 18, 58, 26],
+  [12, 44, 4, 36, 14, 46, 6, 38],
+  [60, 28, 52, 20, 62, 30, 54, 22],
+  [3, 35, 11, 43, 1, 33, 9, 41],
+  [51, 19, 59, 27, 49, 17, 57, 25],
+  [15, 47, 7, 39, 13, 45, 5, 37],
+  [63, 31, 55, 23, 61, 29, 53, 21]
+];
+function resolveStops(config) {
+  if (config.colors) return config.colors;
+  if (typeof config.preset === "string") {
+    const found = getPreset(config.preset);
+    return found ? found.stops : PRESETS[0].stops;
+  }
+  return getPresetByIndex(config.preset).stops;
+}
+function renderShadow(canvas, elementWidth, elementHeight, elementRadius, config = {}) {
+  const cfg = { ...DEFAULT_CONFIG, ...config };
+  const stops = resolveStops(cfg);
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return;
+  const ps = cfg.pixelScale;
+  const blur = cfg.blur;
+  const offX = cfg.offsetX;
+  const offY = cfg.offsetY;
+  const absOffX = Math.abs(offX);
+  const absOffY = Math.abs(offY);
+  const pad = blur * 2 + Math.max(absOffX, absOffY) + 20;
+  const canvasW = elementWidth + pad * 2;
+  const canvasH = elementHeight + pad * 2;
+  const rw = Math.ceil(canvasW / ps);
+  const rh = Math.ceil(canvasH / ps);
+  canvas.width = rw;
+  canvas.height = rh;
+  const elW = elementWidth / ps;
+  const elH = elementHeight / ps;
+  const elR = elementRadius / ps;
+  const elX = (rw - elW) / 2;
+  const elY = (rh - elH) / 2;
+  const sBlur = blur / ps;
+  const sOffX = offX / ps;
+  const sOffY = offY / ps;
+  const mc = document.createElement("canvas");
+  mc.width = rw;
+  mc.height = rh;
+  const mctx = mc.getContext("2d");
+  const bigOff = rw + rh + sBlur * 4;
+  mctx.shadowColor = "rgba(0,0,0,1)";
+  mctx.shadowBlur = sBlur;
+  mctx.shadowOffsetX = bigOff + sOffX;
+  mctx.shadowOffsetY = sOffY;
+  mctx.fillStyle = "rgba(0,0,0,1)";
+  mctx.beginPath();
+  mctx.roundRect(elX - bigOff, elY, elW, elH, elR);
+  mctx.fill();
+  const maskData = mctx.getImageData(0, 0, rw, rh).data;
+  renderGradient(ctx, stops, rw, rh, cfg.shape, cfg.angle, cfg.spread, cfg.dither, cfg.quantLevels, cfg.oklab, cfg.contrast, cfg.brightness + Math.round((cfg.opacity * 100 - 50) * 0.5));
+  const imageData = ctx.getImageData(0, 0, rw, rh);
+  const data = imageData.data;
+  for (let y = 0; y < rh; y++) {
+    for (let x = 0; x < rw; x++) {
+      const i = (y * rw + x) * 4;
+      const ma = maskData[i + 3] / 255;
+      if (ma === 0) {
+        data[i + 3] = 0;
+        continue;
+      }
+      const th = BAYER8_MASK[y % 8][x % 8] / 64;
+      if (ma < th) {
+        data[i] = 0;
+        data[i + 1] = 0;
+        data[i + 2] = 0;
+        data[i + 3] = 0;
+      } else {
+        const l = (1 - ma) * 0.5;
+        data[i] = Math.round(data[i] + (255 - data[i]) * l);
+        data[i + 1] = Math.round(data[i + 1] + (255 - data[i + 1]) * l);
+        data[i + 2] = Math.round(data[i + 2] + (255 - data[i + 2]) * l);
+        data[i + 3] = 255;
+      }
+    }
+  }
+  ctx.putImageData(imageData, 0, 0);
+}
+function FunkyShadow({
+  width,
+  height,
+  radius = 0,
+  className,
+  style,
+  children,
+  offsetX,
+  offsetY,
+  blur,
+  opacity: opacityProp,
+  preset,
+  colors,
+  shape,
+  angle,
+  spread,
+  pixelScale,
+  dither,
+  quantLevels,
+  oklab,
+  contrast,
+  brightness
+}) {
+  const canvasRef = react.useRef(null);
+  const colorsKey = colors ? JSON.stringify(colors) : "";
+  const config = react.useMemo(() => {
+    const c = {};
+    if (offsetX !== void 0) c.offsetX = offsetX;
+    if (offsetY !== void 0) c.offsetY = offsetY;
+    if (blur !== void 0) c.blur = blur;
+    if (opacityProp !== void 0) c.opacity = opacityProp;
+    if (preset !== void 0) c.preset = preset;
+    if (colors !== void 0) c.colors = colors;
+    if (shape !== void 0) c.shape = shape;
+    if (angle !== void 0) c.angle = angle;
+    if (spread !== void 0) c.spread = spread;
+    if (pixelScale !== void 0) c.pixelScale = pixelScale;
+    if (dither !== void 0) c.dither = dither;
+    if (quantLevels !== void 0) c.quantLevels = quantLevels;
+    if (oklab !== void 0) c.oklab = oklab;
+    if (contrast !== void 0) c.contrast = contrast;
+    if (brightness !== void 0) c.brightness = brightness;
+    return c;
+  }, [offsetX, offsetY, blur, opacityProp, preset, colorsKey, shape, angle, spread, pixelScale, dither, quantLevels, oklab, contrast, brightness]);
+  react.useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    renderShadow(canvas, width, height, radius, config);
+  }, [width, height, radius, config]);
+  const resolvedOpacity = opacityProp ?? DEFAULT_CONFIG.opacity;
+  const cfg = { ...DEFAULT_CONFIG, ...config };
+  const pad = cfg.blur * 2 + Math.max(Math.abs(cfg.offsetX), Math.abs(cfg.offsetY)) + 20;
+  const canvasW = width + pad * 2;
+  const canvasH = height + pad * 2;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className,
+      style: {
+        position: "relative",
+        width,
+        height,
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "canvas",
+          {
+            ref: canvasRef,
+            style: {
+              position: "absolute",
+              width: canvasW,
+              height: canvasH,
+              left: `calc(50% - ${canvasW / 2}px)`,
+              top: `calc(50% - ${canvasH / 2}px)`,
+              pointerEvents: "none",
+              imageRendering: "pixelated",
+              opacity: resolvedOpacity
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "relative", zIndex: 1, width: "100%", height: "100%" }, children })
+      ]
+    }
+  );
+}
+
+exports.DEFAULT_CONFIG = DEFAULT_CONFIG;
+exports.FunkyShadow = FunkyShadow;
+exports.PRESETS = PRESETS;
+exports.getPreset = getPreset;
+exports.getPresetByIndex = getPresetByIndex;
+exports.renderShadow = renderShadow;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/presets.ts","../src/types.ts","../src/render.ts","../src/FunkyShadow.tsx"],"names":["useRef","useMemo","useEffect","jsxs","jsx"],"mappings":"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","file":"index.js","sourcesContent":["export type ColorStops = [number, number, number][]\n\nexport interface Preset {\n  id: string\n  label: string\n  stops: ColorStops\n}\n\nexport const PRESETS: Preset[] = [\n  { id: 'crt-night', label: 'CRT Night', stops: [[0, 0, 170], [85, 0, 255], [170, 0, 255], [255, 85, 255], [255, 215, 255], [255, 255, 255]] },\n  { id: 'thermal', label: 'Thermal', stops: [[0, 0, 0], [0, 0, 135], [135, 0, 135], [255, 0, 0], [255, 175, 0], [255, 255, 85], [255, 255, 255]] },\n  { id: 'plasma', label: 'Plasma', stops: [[0, 0, 135], [135, 0, 175], [255, 0, 85], [255, 175, 0], [255, 255, 85], [85, 255, 85], [0, 175, 175]] },\n  { id: 'deep-scan', label: 'Deep Scan', stops: [[0, 0, 0], [0, 0, 95], [0, 0, 175], [0, 95, 255], [85, 175, 255], [175, 215, 255], [235, 245, 255]] },\n  { id: 'sunset-strip', label: 'Sunset Strip', stops: [[0, 0, 55], [55, 0, 95], [175, 0, 95], [255, 55, 55], [255, 135, 55], [255, 215, 55], [255, 255, 175]] },\n  { id: 'vaporwave', label: 'Vaporwave', stops: [[15, 0, 40], [55, 0, 135], [175, 0, 255], [255, 85, 215], [85, 255, 255], [255, 255, 255]] },\n  { id: 'galaxy', label: 'Galaxy', stops: [[0, 0, 0], [15, 0, 55], [55, 0, 175], [135, 55, 255], [255, 135, 215], [255, 215, 255], [255, 255, 255]] },\n  { id: 'magma', label: 'Magma', stops: [[0, 0, 0], [35, 0, 55], [135, 0, 95], [215, 55, 0], [255, 175, 0], [255, 255, 175]] },\n  { id: 'ocean', label: 'Ocean', stops: [[0, 0, 0], [0, 0, 55], [0, 55, 135], [0, 135, 175], [85, 215, 215], [175, 255, 255]] },\n  { id: 'synthwave', label: 'Synthwave', stops: [[0, 0, 35], [35, 0, 95], [135, 0, 175], [255, 0, 135], [255, 95, 55], [255, 215, 0]] },\n  { id: 'forest', label: 'Forest', stops: [[0, 0, 0], [0, 35, 15], [0, 95, 35], [35, 135, 55], [95, 195, 95], [175, 235, 135]] },\n  { id: 'noir', label: 'Noir', stops: [[0, 0, 0], [15, 15, 25], [55, 55, 75], [135, 135, 155], [215, 215, 235], [255, 255, 255]] },\n]\n\nexport function getPreset(id: string): Preset | undefined {\n  return PRESETS.find(p => p.id === id)\n}\n\nexport function getPresetByIndex(index: number): Preset {\n  return PRESETS[index % PRESETS.length]\n}\n","import type { ColorStops } from './presets'\n\nexport type GradientShape = 'line' | 'radial'\nexport type DitherMode = '8x8' | '4x4' | '2x2' | 'off'\n\nexport interface ShadowConfig {\n  /** Shadow X offset in pixels */\n  offsetX: number\n  /** Shadow Y offset in pixels */\n  offsetY: number\n  /** Shadow blur radius in pixels */\n  blur: number\n  /** Shadow opacity 0-1 */\n  opacity: number\n  /** Gradient preset name or index */\n  preset: string | number\n  /** Custom color stops (overrides preset) */\n  colors?: ColorStops\n  /** Gradient shape */\n  shape: GradientShape\n  /** Gradient angle in degrees */\n  angle: number\n  /** Gradient spread 0-200 */\n  spread: number\n  /** Pixel scale (dot size) */\n  pixelScale: number\n  /** Dither matrix size */\n  dither: DitherMode\n  /** Color quantization levels 2-7 */\n  quantLevels: number\n  /** Use Oklab color space for interpolation */\n  oklab: boolean\n  /** Contrast adjustment 50-200 */\n  contrast: number\n  /** Brightness adjustment -50 to 50 */\n  brightness: number\n}\n\nexport const DEFAULT_CONFIG: ShadowConfig = {\n  offsetX: -15,\n  offsetY: 20,\n  blur: 30,\n  opacity: 0.7,\n  preset: 'galaxy',\n  shape: 'radial',\n  angle: 45,\n  spread: 120,\n  pixelScale: 3,\n  dither: '4x4',\n  quantLevels: 4,\n  oklab: true,\n  contrast: 130,\n  brightness: 0,\n}\n","/**\n * Core rendering engine for dithered gradient shadows.\n * Pure canvas — no React or DOM dependencies beyond CanvasRenderingContext2D.\n */\n\nimport type { ColorStops } from './presets'\nimport { getPreset, getPresetByIndex, PRESETS } from './presets'\nimport type { ShadowConfig, GradientShape, DitherMode } from './types'\nimport { DEFAULT_CONFIG } from './types'\n\n// ─── Bayer dithering matrices ───────────────────────────────────\n\nconst BAYER2 = [[0, 2], [3, 1]]\nconst BAYER4 = [\n  [0, 8, 2, 10], [12, 4, 14, 6],\n  [3, 11, 1, 9], [15, 7, 13, 5],\n]\nconst BAYER8 = [\n  [0, 32, 8, 40, 2, 34, 10, 42],\n  [48, 16, 56, 24, 50, 18, 58, 26],\n  [12, 44, 4, 36, 14, 46, 6, 38],\n  [60, 28, 52, 20, 62, 30, 54, 22],\n  [3, 35, 11, 43, 1, 33, 9, 41],\n  [51, 19, 59, 27, 49, 17, 57, 25],\n  [15, 47, 7, 39, 13, 45, 5, 37],\n  [63, 31, 55, 23, 61, 29, 53, 21],\n]\n\nfunction bayerThreshold(x: number, y: number, mode: DitherMode): number {\n  if (mode === 'off') return 0.5\n  if (mode === '2x2') return (BAYER2[y % 2][x % 2] + 0.5) / 4\n  if (mode === '4x4') return (BAYER4[y % 4][x % 4] + 0.5) / 16\n  return (BAYER8[y % 8][x % 8] + 0.5) / 64\n}\n\nfunction buildLevels(count: number): number[] {\n  if (count <= 1) return [0, 255]\n  return Array.from({ length: count }, (_, i) => Math.round((i / (count - 1)) * 255))\n}\n\nfunction ditherChannel(value: number, threshold: number, levels: number[]): number {\n  if (value <= levels[0]) return levels[0]\n  if (value >= levels[levels.length - 1]) return levels[levels.length - 1]\n  for (let i = 0; i < levels.length - 1; i++) {\n    if (value >= levels[i] && value <= levels[i + 1]) {\n      const lo = levels[i]\n      const hi = levels[i + 1]\n      return (value - lo) / (hi - lo) > threshold ? hi : lo\n    }\n  }\n  return value\n}\n\n// ─── Color interpolation ────────────────────────────────────────\n\ntype RGB = [number, number, number]\n\nfunction lerpStops(stops: RGB[], t: number): RGB {\n  if (t <= 0) return stops[0]\n  if (t >= 1) return stops[stops.length - 1]\n  const seg = t * (stops.length - 1)\n  const i = Math.floor(seg)\n  const f = seg - i\n  const a = stops[Math.min(i, stops.length - 1)]\n  const b = stops[Math.min(i + 1, stops.length - 1)]\n  return [a[0] + (b[0] - a[0]) * f, a[1] + (b[1] - a[1]) * f, a[2] + (b[2] - a[2]) * f]\n}\n\nfunction srgbToLinear(c: number): number {\n  const v = c / 255\n  return v <= 0.04045 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4)\n}\n\nfunction linearToSrgb(c: number): number {\n  const v = c <= 0.0031308 ? c * 12.92 : 1.055 * Math.pow(c, 1 / 2.4) - 0.055\n  return Math.max(0, Math.min(255, v * 255))\n}\n\nfunction rgbToOklab(r: number, g: number, b: number): RGB {\n  const lr = srgbToLinear(r), lg = srgbToLinear(g), lb = srgbToLinear(b)\n  const l = Math.cbrt(0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb)\n  const m = Math.cbrt(0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb)\n  const s = Math.cbrt(0.0883024619 * lr + 0.2817188376 * lg + 0.6299787005 * lb)\n  return [\n    0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s,\n    1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s,\n    0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s,\n  ]\n}\n\nfunction oklabToRgb(l: number, a: number, b: number): RGB {\n  const l1 = l + 0.3963377774 * a + 0.2158037573 * b\n  const m1 = l - 0.1055613458 * a - 0.0638541728 * b\n  const s1 = l - 0.0894841775 * a - 1.291485548 * b\n  return [\n    linearToSrgb(l1 * l1 * l1 * 4.0767416621 + m1 * m1 * m1 * -3.3077115913 + s1 * s1 * s1 * 0.2309699292),\n    linearToSrgb(l1 * l1 * l1 * -1.2684380046 + m1 * m1 * m1 * 2.6097574011 + s1 * s1 * s1 * -0.3413193965),\n    linearToSrgb(l1 * l1 * l1 * -0.0041960863 + m1 * m1 * m1 * -0.7034186147 + s1 * s1 * s1 * 1.707614701),\n  ]\n}\n\nfunction lerpStopsOklab(stops: RGB[], t: number): RGB {\n  if (t <= 0) return oklabToRgb(stops[0][0], stops[0][1], stops[0][2])\n  if (t >= 1) { const last = stops[stops.length - 1]; return oklabToRgb(last[0], last[1], last[2]) }\n  const seg = t * (stops.length - 1)\n  const i = Math.floor(seg)\n  const f = seg - i\n  const a = stops[i], b = stops[i + 1]\n  return oklabToRgb(a[0] + (b[0] - a[0]) * f, a[1] + (b[1] - a[1]) * f, a[2] + (b[2] - a[2]) * f)\n}\n\n// ─── Gradient value ─────────────────────────────────────────────\n\nfunction gradientValue(x: number, y: number, w: number, h: number, shape: GradientShape, angle: number, spread: number): number {\n  const cx = w / 2, cy = h / 2\n  let t = 0\n\n  if (shape === 'line') {\n    const rad = (angle * Math.PI) / 180\n    const proj = (x - cx) * Math.cos(rad) + (y - cy) * Math.sin(rad)\n    const maxProj = Math.abs((w / 2) * Math.cos(rad)) + Math.abs((h / 2) * Math.sin(rad))\n    t = maxProj > 0 ? (proj + maxProj) / (2 * maxProj) : 0.5\n  } else {\n    t = Math.sqrt(((x - cx) / (w / 2)) ** 2 + ((y - cy) / (h / 2)) ** 2) / Math.SQRT2\n  }\n\n  t = 0.5 + (t - 0.5) * (spread / 100)\n  return Math.max(0, Math.min(1, t))\n}\n\n// ─── Core gradient renderer ─────────────────────────────────────\n\nfunction renderGradient(\n  ctx: CanvasRenderingContext2D,\n  stops: ColorStops,\n  rw: number,\n  rh: number,\n  shape: GradientShape,\n  angle: number,\n  spread: number,\n  dither: DitherMode,\n  quantLevels: number,\n  oklab: boolean,\n  contrast: number,\n  brightness: number,\n) {\n  const levels = buildLevels(quantLevels)\n  const contrastF = contrast / 100\n  const brightnessF = brightness * 2.55\n  const oklabStops = oklab ? stops.map(([r, g, b]) => rgbToOklab(r, g, b)) : null\n\n  const imgData = ctx.createImageData(rw, rh)\n  const buf = imgData.data\n\n  for (let py = 0; py < rh; py++) {\n    for (let px = 0; px < rw; px++) {\n      const t = gradientValue(px, py, rw, rh, shape, angle, spread)\n      let [r, g, b] = oklabStops ? lerpStopsOklab(oklabStops, t) : lerpStops(stops, t)\n\n      r = Math.max(0, Math.min(255, (r - 128) * contrastF + 128 + brightnessF))\n      g = Math.max(0, Math.min(255, (g - 128) * contrastF + 128 + brightnessF))\n      b = Math.max(0, Math.min(255, (b - 128) * contrastF + 128 + brightnessF))\n\n      const th = bayerThreshold(px, py, dither)\n      const off = (py * rw + px) * 4\n      buf[off] = ditherChannel(r, th, levels)\n      buf[off + 1] = ditherChannel(g, th, levels)\n      buf[off + 2] = ditherChannel(b, th, levels)\n      buf[off + 3] = 255\n    }\n  }\n\n  ctx.putImageData(imgData, 0, 0)\n}\n\n// ─── Shadow mask with Bayer dithered transparency ───────────────\n\nconst BAYER8_MASK = [\n  [0, 32, 8, 40, 2, 34, 10, 42],\n  [48, 16, 56, 24, 50, 18, 58, 26],\n  [12, 44, 4, 36, 14, 46, 6, 38],\n  [60, 28, 52, 20, 62, 30, 54, 22],\n  [3, 35, 11, 43, 1, 33, 9, 41],\n  [51, 19, 59, 27, 49, 17, 57, 25],\n  [15, 47, 7, 39, 13, 45, 5, 37],\n  [63, 31, 55, 23, 61, 29, 53, 21],\n]\n\n// ─── Public API ─────────────────────────────────────────────────\n\nfunction resolveStops(config: ShadowConfig): ColorStops {\n  if (config.colors) return config.colors\n  if (typeof config.preset === 'string') {\n    const found = getPreset(config.preset)\n    return found ? found.stops : PRESETS[0].stops\n  }\n  return getPresetByIndex(config.preset).stops\n}\n\n/**\n * Render a dithered gradient shadow to a canvas.\n * This is the low-level API — use `<FunkyShadow>` for React.\n *\n * @param canvas - Target canvas element\n * @param elementWidth - Width of the element casting the shadow\n * @param elementHeight - Height of the element casting the shadow\n * @param elementRadius - Border radius of the element\n * @param config - Shadow configuration (partial, merged with defaults)\n */\nexport function renderShadow(\n  canvas: HTMLCanvasElement,\n  elementWidth: number,\n  elementHeight: number,\n  elementRadius: number,\n  config: Partial<ShadowConfig> = {},\n): void {\n  const cfg = { ...DEFAULT_CONFIG, ...config }\n  const stops = resolveStops(cfg)\n  const ctx = canvas.getContext('2d')\n  if (!ctx) return\n\n  const ps = cfg.pixelScale\n  const blur = cfg.blur\n  const offX = cfg.offsetX\n  const offY = cfg.offsetY\n\n  const absOffX = Math.abs(offX)\n  const absOffY = Math.abs(offY)\n  const pad = blur * 2 + Math.max(absOffX, absOffY) + 20\n  const canvasW = elementWidth + pad * 2\n  const canvasH = elementHeight + pad * 2\n\n  const rw = Math.ceil(canvasW / ps)\n  const rh = Math.ceil(canvasH / ps)\n  canvas.width = rw\n  canvas.height = rh\n\n  const elW = elementWidth / ps\n  const elH = elementHeight / ps\n  const elR = elementRadius / ps\n  const elX = (rw - elW) / 2\n  const elY = (rh - elH) / 2\n  const sBlur = blur / ps\n  const sOffX = offX / ps\n  const sOffY = offY / ps\n\n  // Shadow mask\n  const mc = document.createElement('canvas')\n  mc.width = rw\n  mc.height = rh\n  const mctx = mc.getContext('2d')!\n  const bigOff = rw + rh + sBlur * 4\n\n  mctx.shadowColor = 'rgba(0,0,0,1)'\n  mctx.shadowBlur = sBlur\n  mctx.shadowOffsetX = bigOff + sOffX\n  mctx.shadowOffsetY = sOffY\n  mctx.fillStyle = 'rgba(0,0,0,1)'\n  mctx.beginPath()\n  mctx.roundRect(elX - bigOff, elY, elW, elH, elR)\n  mctx.fill()\n\n  const maskData = mctx.getImageData(0, 0, rw, rh).data\n\n  // Render gradient\n  renderGradient(ctx, stops, rw, rh, cfg.shape, cfg.angle, cfg.spread, cfg.dither, cfg.quantLevels, cfg.oklab, cfg.contrast, cfg.brightness + Math.round((cfg.opacity * 100 - 50) * 0.5))\n\n  // Dither-survival: apply shadow mask to gradient with Bayer thresholding\n  const imageData = ctx.getImageData(0, 0, rw, rh)\n  const data = imageData.data\n\n  for (let y = 0; y < rh; y++) {\n    for (let x = 0; x < rw; x++) {\n      const i = (y * rw + x) * 4\n      const ma = maskData[i + 3] / 255\n      if (ma === 0) { data[i + 3] = 0; continue }\n\n      const th = BAYER8_MASK[y % 8][x % 8] / 64\n      if (ma < th) {\n        data[i] = 0; data[i + 1] = 0; data[i + 2] = 0; data[i + 3] = 0\n      } else {\n        const l = (1 - ma) * 0.5\n        data[i] = Math.round(data[i] + (255 - data[i]) * l)\n        data[i + 1] = Math.round(data[i + 1] + (255 - data[i + 1]) * l)\n        data[i + 2] = Math.round(data[i + 2] + (255 - data[i + 2]) * l)\n        data[i + 3] = 255\n      }\n    }\n  }\n  ctx.putImageData(imageData, 0, 0)\n}\n\n","'use client'\n\nimport { useEffect, useRef, useMemo, type CSSProperties, type ReactNode } from 'react'\nimport { renderShadow } from './render'\nimport type { ShadowConfig } from './types'\nimport { DEFAULT_CONFIG } from './types'\n\nexport interface FunkyShadowProps extends Partial<ShadowConfig> {\n  /** Width of the element. Required. */\n  width: number\n  /** Height of the element. Required. */\n  height: number\n  /** Border radius of the element */\n  radius?: number\n  /** Additional class name on the wrapper */\n  className?: string\n  /** Additional styles on the wrapper */\n  style?: CSSProperties\n  children?: ReactNode\n}\n\nexport function FunkyShadow({\n  width,\n  height,\n  radius = 0,\n  className,\n  style,\n  children,\n  offsetX,\n  offsetY,\n  blur,\n  opacity: opacityProp,\n  preset,\n  colors,\n  shape,\n  angle,\n  spread,\n  pixelScale,\n  dither,\n  quantLevels,\n  oklab,\n  contrast,\n  brightness,\n}: FunkyShadowProps) {\n  const canvasRef = useRef<HTMLCanvasElement>(null)\n\n  // Stable serialization key for colors array\n  const colorsKey = colors ? JSON.stringify(colors) : ''\n\n  const config = useMemo<Partial<ShadowConfig>>(() => {\n    const c: Partial<ShadowConfig> = {}\n    if (offsetX !== undefined) c.offsetX = offsetX\n    if (offsetY !== undefined) c.offsetY = offsetY\n    if (blur !== undefined) c.blur = blur\n    if (opacityProp !== undefined) c.opacity = opacityProp\n    if (preset !== undefined) c.preset = preset\n    if (colors !== undefined) c.colors = colors\n    if (shape !== undefined) c.shape = shape\n    if (angle !== undefined) c.angle = angle\n    if (spread !== undefined) c.spread = spread\n    if (pixelScale !== undefined) c.pixelScale = pixelScale\n    if (dither !== undefined) c.dither = dither\n    if (quantLevels !== undefined) c.quantLevels = quantLevels\n    if (oklab !== undefined) c.oklab = oklab\n    if (contrast !== undefined) c.contrast = contrast\n    if (brightness !== undefined) c.brightness = brightness\n    return c\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [offsetX, offsetY, blur, opacityProp, preset, colorsKey, shape, angle, spread, pixelScale, dither, quantLevels, oklab, contrast, brightness])\n\n  useEffect(() => {\n    const canvas = canvasRef.current\n    if (!canvas) return\n    renderShadow(canvas, width, height, radius, config)\n  }, [width, height, radius, config])\n\n  const resolvedOpacity = opacityProp ?? DEFAULT_CONFIG.opacity\n  const cfg = { ...DEFAULT_CONFIG, ...config }\n  const pad = cfg.blur * 2 + Math.max(Math.abs(cfg.offsetX), Math.abs(cfg.offsetY)) + 20\n  const canvasW = width + pad * 2\n  const canvasH = height + pad * 2\n\n  return (\n    <div\n      className={className}\n      style={{\n        position: 'relative',\n        width,\n        height,\n        ...style,\n      }}\n    >\n      <canvas\n        ref={canvasRef}\n        style={{\n          position: 'absolute',\n          width: canvasW,\n          height: canvasH,\n          left: `calc(50% - ${canvasW / 2}px)`,\n          top: `calc(50% - ${canvasH / 2}px)`,\n          pointerEvents: 'none',\n          imageRendering: 'pixelated',\n          opacity: resolvedOpacity,\n        }}\n      />\n      <div style={{ position: 'relative', zIndex: 1, width: '100%', height: '100%' }}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/index.mjs

@@ -0,0 +1,350 @@
+import { useRef, useMemo, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/FunkyShadow.tsx
+
+// src/presets.ts
+var PRESETS = [
+  { id: "crt-night", label: "CRT Night", stops: [[0, 0, 170], [85, 0, 255], [170, 0, 255], [255, 85, 255], [255, 215, 255], [255, 255, 255]] },
+  { id: "thermal", label: "Thermal", stops: [[0, 0, 0], [0, 0, 135], [135, 0, 135], [255, 0, 0], [255, 175, 0], [255, 255, 85], [255, 255, 255]] },
+  { id: "plasma", label: "Plasma", stops: [[0, 0, 135], [135, 0, 175], [255, 0, 85], [255, 175, 0], [255, 255, 85], [85, 255, 85], [0, 175, 175]] },
+  { id: "deep-scan", label: "Deep Scan", stops: [[0, 0, 0], [0, 0, 95], [0, 0, 175], [0, 95, 255], [85, 175, 255], [175, 215, 255], [235, 245, 255]] },
+  { id: "sunset-strip", label: "Sunset Strip", stops: [[0, 0, 55], [55, 0, 95], [175, 0, 95], [255, 55, 55], [255, 135, 55], [255, 215, 55], [255, 255, 175]] },
+  { id: "vaporwave", label: "Vaporwave", stops: [[15, 0, 40], [55, 0, 135], [175, 0, 255], [255, 85, 215], [85, 255, 255], [255, 255, 255]] },
+  { id: "galaxy", label: "Galaxy", stops: [[0, 0, 0], [15, 0, 55], [55, 0, 175], [135, 55, 255], [255, 135, 215], [255, 215, 255], [255, 255, 255]] },
+  { id: "magma", label: "Magma", stops: [[0, 0, 0], [35, 0, 55], [135, 0, 95], [215, 55, 0], [255, 175, 0], [255, 255, 175]] },
+  { id: "ocean", label: "Ocean", stops: [[0, 0, 0], [0, 0, 55], [0, 55, 135], [0, 135, 175], [85, 215, 215], [175, 255, 255]] },
+  { id: "synthwave", label: "Synthwave", stops: [[0, 0, 35], [35, 0, 95], [135, 0, 175], [255, 0, 135], [255, 95, 55], [255, 215, 0]] },
+  { id: "forest", label: "Forest", stops: [[0, 0, 0], [0, 35, 15], [0, 95, 35], [35, 135, 55], [95, 195, 95], [175, 235, 135]] },
+  { id: "noir", label: "Noir", stops: [[0, 0, 0], [15, 15, 25], [55, 55, 75], [135, 135, 155], [215, 215, 235], [255, 255, 255]] }
+];
+function getPreset(id) {
+  return PRESETS.find((p) => p.id === id);
+}
+function getPresetByIndex(index) {
+  return PRESETS[index % PRESETS.length];
+}
+
+// src/types.ts
+var DEFAULT_CONFIG = {
+  offsetX: -15,
+  offsetY: 20,
+  blur: 30,
+  opacity: 0.7,
+  preset: "galaxy",
+  shape: "radial",
+  angle: 45,
+  spread: 120,
+  pixelScale: 3,
+  dither: "4x4",
+  quantLevels: 4,
+  oklab: true,
+  contrast: 130,
+  brightness: 0
+};
+
+// src/render.ts
+var BAYER2 = [[0, 2], [3, 1]];
+var BAYER4 = [
+  [0, 8, 2, 10],
+  [12, 4, 14, 6],
+  [3, 11, 1, 9],
+  [15, 7, 13, 5]
+];
+var BAYER8 = [
+  [0, 32, 8, 40, 2, 34, 10, 42],
+  [48, 16, 56, 24, 50, 18, 58, 26],
+  [12, 44, 4, 36, 14, 46, 6, 38],
+  [60, 28, 52, 20, 62, 30, 54, 22],
+  [3, 35, 11, 43, 1, 33, 9, 41],
+  [51, 19, 59, 27, 49, 17, 57, 25],
+  [15, 47, 7, 39, 13, 45, 5, 37],
+  [63, 31, 55, 23, 61, 29, 53, 21]
+];
+function bayerThreshold(x, y, mode) {
+  if (mode === "off") return 0.5;
+  if (mode === "2x2") return (BAYER2[y % 2][x % 2] + 0.5) / 4;
+  if (mode === "4x4") return (BAYER4[y % 4][x % 4] + 0.5) / 16;
+  return (BAYER8[y % 8][x % 8] + 0.5) / 64;
+}
+function buildLevels(count) {
+  if (count <= 1) return [0, 255];
+  return Array.from({ length: count }, (_, i) => Math.round(i / (count - 1) * 255));
+}
+function ditherChannel(value, threshold, levels) {
+  if (value <= levels[0]) return levels[0];
+  if (value >= levels[levels.length - 1]) return levels[levels.length - 1];
+  for (let i = 0; i < levels.length - 1; i++) {
+    if (value >= levels[i] && value <= levels[i + 1]) {
+      const lo = levels[i];
+      const hi = levels[i + 1];
+      return (value - lo) / (hi - lo) > threshold ? hi : lo;
+    }
+  }
+  return value;
+}
+function lerpStops(stops, t) {
+  if (t <= 0) return stops[0];
+  if (t >= 1) return stops[stops.length - 1];
+  const seg = t * (stops.length - 1);
+  const i = Math.floor(seg);
+  const f = seg - i;
+  const a = stops[Math.min(i, stops.length - 1)];
+  const b = stops[Math.min(i + 1, stops.length - 1)];
+  return [a[0] + (b[0] - a[0]) * f, a[1] + (b[1] - a[1]) * f, a[2] + (b[2] - a[2]) * f];
+}
+function srgbToLinear(c) {
+  const v = c / 255;
+  return v <= 0.04045 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
+}
+function linearToSrgb(c) {
+  const v = c <= 31308e-7 ? c * 12.92 : 1.055 * Math.pow(c, 1 / 2.4) - 0.055;
+  return Math.max(0, Math.min(255, v * 255));
+}
+function rgbToOklab(r, g, b) {
+  const lr = srgbToLinear(r), lg = srgbToLinear(g), lb = srgbToLinear(b);
+  const l = Math.cbrt(0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb);
+  const m = Math.cbrt(0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb);
+  const s = Math.cbrt(0.0883024619 * lr + 0.2817188376 * lg + 0.6299787005 * lb);
+  return [
+    0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s,
+    1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s,
+    0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s
+  ];
+}
+function oklabToRgb(l, a, b) {
+  const l1 = l + 0.3963377774 * a + 0.2158037573 * b;
+  const m1 = l - 0.1055613458 * a - 0.0638541728 * b;
+  const s1 = l - 0.0894841775 * a - 1.291485548 * b;
+  return [
+    linearToSrgb(l1 * l1 * l1 * 4.0767416621 + m1 * m1 * m1 * -3.3077115913 + s1 * s1 * s1 * 0.2309699292),
+    linearToSrgb(l1 * l1 * l1 * -1.2684380046 + m1 * m1 * m1 * 2.6097574011 + s1 * s1 * s1 * -0.3413193965),
+    linearToSrgb(l1 * l1 * l1 * -0.0041960863 + m1 * m1 * m1 * -0.7034186147 + s1 * s1 * s1 * 1.707614701)
+  ];
+}
+function lerpStopsOklab(stops, t) {
+  if (t <= 0) return oklabToRgb(stops[0][0], stops[0][1], stops[0][2]);
+  if (t >= 1) {
+    const last = stops[stops.length - 1];
+    return oklabToRgb(last[0], last[1], last[2]);
+  }
+  const seg = t * (stops.length - 1);
+  const i = Math.floor(seg);
+  const f = seg - i;
+  const a = stops[i], b = stops[i + 1];
+  return oklabToRgb(a[0] + (b[0] - a[0]) * f, a[1] + (b[1] - a[1]) * f, a[2] + (b[2] - a[2]) * f);
+}
+function gradientValue(x, y, w, h, shape, angle, spread) {
+  const cx = w / 2, cy = h / 2;
+  let t = 0;
+  if (shape === "line") {
+    const rad = angle * Math.PI / 180;
+    const proj = (x - cx) * Math.cos(rad) + (y - cy) * Math.sin(rad);
+    const maxProj = Math.abs(w / 2 * Math.cos(rad)) + Math.abs(h / 2 * Math.sin(rad));
+    t = maxProj > 0 ? (proj + maxProj) / (2 * maxProj) : 0.5;
+  } else {
+    t = Math.sqrt(((x - cx) / (w / 2)) ** 2 + ((y - cy) / (h / 2)) ** 2) / Math.SQRT2;
+  }
+  t = 0.5 + (t - 0.5) * (spread / 100);
+  return Math.max(0, Math.min(1, t));
+}
+function renderGradient(ctx, stops, rw, rh, shape, angle, spread, dither, quantLevels, oklab, contrast, brightness) {
+  const levels = buildLevels(quantLevels);
+  const contrastF = contrast / 100;
+  const brightnessF = brightness * 2.55;
+  const oklabStops = oklab ? stops.map(([r, g, b]) => rgbToOklab(r, g, b)) : null;
+  const imgData = ctx.createImageData(rw, rh);
+  const buf = imgData.data;
+  for (let py = 0; py < rh; py++) {
+    for (let px = 0; px < rw; px++) {
+      const t = gradientValue(px, py, rw, rh, shape, angle, spread);
+      let [r, g, b] = oklabStops ? lerpStopsOklab(oklabStops, t) : lerpStops(stops, t);
+      r = Math.max(0, Math.min(255, (r - 128) * contrastF + 128 + brightnessF));
+      g = Math.max(0, Math.min(255, (g - 128) * contrastF + 128 + brightnessF));
+      b = Math.max(0, Math.min(255, (b - 128) * contrastF + 128 + brightnessF));
+      const th = bayerThreshold(px, py, dither);
+      const off = (py * rw + px) * 4;
+      buf[off] = ditherChannel(r, th, levels);
+      buf[off + 1] = ditherChannel(g, th, levels);
+      buf[off + 2] = ditherChannel(b, th, levels);
+      buf[off + 3] = 255;
+    }
+  }
+  ctx.putImageData(imgData, 0, 0);
+}
+var BAYER8_MASK = [
+  [0, 32, 8, 40, 2, 34, 10, 42],
+  [48, 16, 56, 24, 50, 18, 58, 26],
+  [12, 44, 4, 36, 14, 46, 6, 38],
+  [60, 28, 52, 20, 62, 30, 54, 22],
+  [3, 35, 11, 43, 1, 33, 9, 41],
+  [51, 19, 59, 27, 49, 17, 57, 25],
+  [15, 47, 7, 39, 13, 45, 5, 37],
+  [63, 31, 55, 23, 61, 29, 53, 21]
+];
+function resolveStops(config) {
+  if (config.colors) return config.colors;
+  if (typeof config.preset === "string") {
+    const found = getPreset(config.preset);
+    return found ? found.stops : PRESETS[0].stops;
+  }
+  return getPresetByIndex(config.preset).stops;
+}
+function renderShadow(canvas, elementWidth, elementHeight, elementRadius, config = {}) {
+  const cfg = { ...DEFAULT_CONFIG, ...config };
+  const stops = resolveStops(cfg);
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return;
+  const ps = cfg.pixelScale;
+  const blur = cfg.blur;
+  const offX = cfg.offsetX;
+  const offY = cfg.offsetY;
+  const absOffX = Math.abs(offX);
+  const absOffY = Math.abs(offY);
+  const pad = blur * 2 + Math.max(absOffX, absOffY) + 20;
+  const canvasW = elementWidth + pad * 2;
+  const canvasH = elementHeight + pad * 2;
+  const rw = Math.ceil(canvasW / ps);
+  const rh = Math.ceil(canvasH / ps);
+  canvas.width = rw;
+  canvas.height = rh;
+  const elW = elementWidth / ps;
+  const elH = elementHeight / ps;
+  const elR = elementRadius / ps;
+  const elX = (rw - elW) / 2;
+  const elY = (rh - elH) / 2;
+  const sBlur = blur / ps;
+  const sOffX = offX / ps;
+  const sOffY = offY / ps;
+  const mc = document.createElement("canvas");
+  mc.width = rw;
+  mc.height = rh;
+  const mctx = mc.getContext("2d");
+  const bigOff = rw + rh + sBlur * 4;
+  mctx.shadowColor = "rgba(0,0,0,1)";
+  mctx.shadowBlur = sBlur;
+  mctx.shadowOffsetX = bigOff + sOffX;
+  mctx.shadowOffsetY = sOffY;
+  mctx.fillStyle = "rgba(0,0,0,1)";
+  mctx.beginPath();
+  mctx.roundRect(elX - bigOff, elY, elW, elH, elR);
+  mctx.fill();
+  const maskData = mctx.getImageData(0, 0, rw, rh).data;
+  renderGradient(ctx, stops, rw, rh, cfg.shape, cfg.angle, cfg.spread, cfg.dither, cfg.quantLevels, cfg.oklab, cfg.contrast, cfg.brightness + Math.round((cfg.opacity * 100 - 50) * 0.5));
+  const imageData = ctx.getImageData(0, 0, rw, rh);
+  const data = imageData.data;
+  for (let y = 0; y < rh; y++) {
+    for (let x = 0; x < rw; x++) {
+      const i = (y * rw + x) * 4;
+      const ma = maskData[i + 3] / 255;
+      if (ma === 0) {
+        data[i + 3] = 0;
+        continue;
+      }
+      const th = BAYER8_MASK[y % 8][x % 8] / 64;
+      if (ma < th) {
+        data[i] = 0;
+        data[i + 1] = 0;
+        data[i + 2] = 0;
+        data[i + 3] = 0;
+      } else {
+        const l = (1 - ma) * 0.5;
+        data[i] = Math.round(data[i] + (255 - data[i]) * l);
+        data[i + 1] = Math.round(data[i + 1] + (255 - data[i + 1]) * l);
+        data[i + 2] = Math.round(data[i + 2] + (255 - data[i + 2]) * l);
+        data[i + 3] = 255;
+      }
+    }
+  }
+  ctx.putImageData(imageData, 0, 0);
+}
+function FunkyShadow({
+  width,
+  height,
+  radius = 0,
+  className,
+  style,
+  children,
+  offsetX,
+  offsetY,
+  blur,
+  opacity: opacityProp,
+  preset,
+  colors,
+  shape,
+  angle,
+  spread,
+  pixelScale,
+  dither,
+  quantLevels,
+  oklab,
+  contrast,
+  brightness
+}) {
+  const canvasRef = useRef(null);
+  const colorsKey = colors ? JSON.stringify(colors) : "";
+  const config = useMemo(() => {
+    const c = {};
+    if (offsetX !== void 0) c.offsetX = offsetX;
+    if (offsetY !== void 0) c.offsetY = offsetY;
+    if (blur !== void 0) c.blur = blur;
+    if (opacityProp !== void 0) c.opacity = opacityProp;
+    if (preset !== void 0) c.preset = preset;
+    if (colors !== void 0) c.colors = colors;
+    if (shape !== void 0) c.shape = shape;
+    if (angle !== void 0) c.angle = angle;
+    if (spread !== void 0) c.spread = spread;
+    if (pixelScale !== void 0) c.pixelScale = pixelScale;
+    if (dither !== void 0) c.dither = dither;
+    if (quantLevels !== void 0) c.quantLevels = quantLevels;
+    if (oklab !== void 0) c.oklab = oklab;
+    if (contrast !== void 0) c.contrast = contrast;
+    if (brightness !== void 0) c.brightness = brightness;
+    return c;
+  }, [offsetX, offsetY, blur, opacityProp, preset, colorsKey, shape, angle, spread, pixelScale, dither, quantLevels, oklab, contrast, brightness]);
+  useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    renderShadow(canvas, width, height, radius, config);
+  }, [width, height, radius, config]);
+  const resolvedOpacity = opacityProp ?? DEFAULT_CONFIG.opacity;
+  const cfg = { ...DEFAULT_CONFIG, ...config };
+  const pad = cfg.blur * 2 + Math.max(Math.abs(cfg.offsetX), Math.abs(cfg.offsetY)) + 20;
+  const canvasW = width + pad * 2;
+  const canvasH = height + pad * 2;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className,
+      style: {
+        position: "relative",
+        width,
+        height,
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "canvas",
+          {
+            ref: canvasRef,
+            style: {
+              position: "absolute",
+              width: canvasW,
+              height: canvasH,
+              left: `calc(50% - ${canvasW / 2}px)`,
+              top: `calc(50% - ${canvasH / 2}px)`,
+              pointerEvents: "none",
+              imageRendering: "pixelated",
+              opacity: resolvedOpacity
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { style: { position: "relative", zIndex: 1, width: "100%", height: "100%" }, children })
+      ]
+    }
+  );
+}
+
+export { DEFAULT_CONFIG, FunkyShadow, PRESETS, getPreset, getPresetByIndex, renderShadow };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/presets.ts","../src/types.ts","../src/render.ts","../src/FunkyShadow.tsx"],"names":[],"mappings":"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","file":"index.mjs","sourcesContent":["export type ColorStops = [number, number, number][]\n\nexport interface Preset {\n  id: string\n  label: string\n  stops: ColorStops\n}\n\nexport const PRESETS: Preset[] = [\n  { id: 'crt-night', label: 'CRT Night', stops: [[0, 0, 170], [85, 0, 255], [170, 0, 255], [255, 85, 255], [255, 215, 255], [255, 255, 255]] },\n  { id: 'thermal', label: 'Thermal', stops: [[0, 0, 0], [0, 0, 135], [135, 0, 135], [255, 0, 0], [255, 175, 0], [255, 255, 85], [255, 255, 255]] },\n  { id: 'plasma', label: 'Plasma', stops: [[0, 0, 135], [135, 0, 175], [255, 0, 85], [255, 175, 0], [255, 255, 85], [85, 255, 85], [0, 175, 175]] },\n  { id: 'deep-scan', label: 'Deep Scan', stops: [[0, 0, 0], [0, 0, 95], [0, 0, 175], [0, 95, 255], [85, 175, 255], [175, 215, 255], [235, 245, 255]] },\n  { id: 'sunset-strip', label: 'Sunset Strip', stops: [[0, 0, 55], [55, 0, 95], [175, 0, 95], [255, 55, 55], [255, 135, 55], [255, 215, 55], [255, 255, 175]] },\n  { id: 'vaporwave', label: 'Vaporwave', stops: [[15, 0, 40], [55, 0, 135], [175, 0, 255], [255, 85, 215], [85, 255, 255], [255, 255, 255]] },\n  { id: 'galaxy', label: 'Galaxy', stops: [[0, 0, 0], [15, 0, 55], [55, 0, 175], [135, 55, 255], [255, 135, 215], [255, 215, 255], [255, 255, 255]] },\n  { id: 'magma', label: 'Magma', stops: [[0, 0, 0], [35, 0, 55], [135, 0, 95], [215, 55, 0], [255, 175, 0], [255, 255, 175]] },\n  { id: 'ocean', label: 'Ocean', stops: [[0, 0, 0], [0, 0, 55], [0, 55, 135], [0, 135, 175], [85, 215, 215], [175, 255, 255]] },\n  { id: 'synthwave', label: 'Synthwave', stops: [[0, 0, 35], [35, 0, 95], [135, 0, 175], [255, 0, 135], [255, 95, 55], [255, 215, 0]] },\n  { id: 'forest', label: 'Forest', stops: [[0, 0, 0], [0, 35, 15], [0, 95, 35], [35, 135, 55], [95, 195, 95], [175, 235, 135]] },\n  { id: 'noir', label: 'Noir', stops: [[0, 0, 0], [15, 15, 25], [55, 55, 75], [135, 135, 155], [215, 215, 235], [255, 255, 255]] },\n]\n\nexport function getPreset(id: string): Preset | undefined {\n  return PRESETS.find(p => p.id === id)\n}\n\nexport function getPresetByIndex(index: number): Preset {\n  return PRESETS[index % PRESETS.length]\n}\n","import type { ColorStops } from './presets'\n\nexport type GradientShape = 'line' | 'radial'\nexport type DitherMode = '8x8' | '4x4' | '2x2' | 'off'\n\nexport interface ShadowConfig {\n  /** Shadow X offset in pixels */\n  offsetX: number\n  /** Shadow Y offset in pixels */\n  offsetY: number\n  /** Shadow blur radius in pixels */\n  blur: number\n  /** Shadow opacity 0-1 */\n  opacity: number\n  /** Gradient preset name or index */\n  preset: string | number\n  /** Custom color stops (overrides preset) */\n  colors?: ColorStops\n  /** Gradient shape */\n  shape: GradientShape\n  /** Gradient angle in degrees */\n  angle: number\n  /** Gradient spread 0-200 */\n  spread: number\n  /** Pixel scale (dot size) */\n  pixelScale: number\n  /** Dither matrix size */\n  dither: DitherMode\n  /** Color quantization levels 2-7 */\n  quantLevels: number\n  /** Use Oklab color space for interpolation */\n  oklab: boolean\n  /** Contrast adjustment 50-200 */\n  contrast: number\n  /** Brightness adjustment -50 to 50 */\n  brightness: number\n}\n\nexport const DEFAULT_CONFIG: ShadowConfig = {\n  offsetX: -15,\n  offsetY: 20,\n  blur: 30,\n  opacity: 0.7,\n  preset: 'galaxy',\n  shape: 'radial',\n  angle: 45,\n  spread: 120,\n  pixelScale: 3,\n  dither: '4x4',\n  quantLevels: 4,\n  oklab: true,\n  contrast: 130,\n  brightness: 0,\n}\n","/**\n * Core rendering engine for dithered gradient shadows.\n * Pure canvas — no React or DOM dependencies beyond CanvasRenderingContext2D.\n */\n\nimport type { ColorStops } from './presets'\nimport { getPreset, getPresetByIndex, PRESETS } from './presets'\nimport type { ShadowConfig, GradientShape, DitherMode } from './types'\nimport { DEFAULT_CONFIG } from './types'\n\n// ─── Bayer dithering matrices ───────────────────────────────────\n\nconst BAYER2 = [[0, 2], [3, 1]]\nconst BAYER4 = [\n  [0, 8, 2, 10], [12, 4, 14, 6],\n  [3, 11, 1, 9], [15, 7, 13, 5],\n]\nconst BAYER8 = [\n  [0, 32, 8, 40, 2, 34, 10, 42],\n  [48, 16, 56, 24, 50, 18, 58, 26],\n  [12, 44, 4, 36, 14, 46, 6, 38],\n  [60, 28, 52, 20, 62, 30, 54, 22],\n  [3, 35, 11, 43, 1, 33, 9, 41],\n  [51, 19, 59, 27, 49, 17, 57, 25],\n  [15, 47, 7, 39, 13, 45, 5, 37],\n  [63, 31, 55, 23, 61, 29, 53, 21],\n]\n\nfunction bayerThreshold(x: number, y: number, mode: DitherMode): number {\n  if (mode === 'off') return 0.5\n  if (mode === '2x2') return (BAYER2[y % 2][x % 2] + 0.5) / 4\n  if (mode === '4x4') return (BAYER4[y % 4][x % 4] + 0.5) / 16\n  return (BAYER8[y % 8][x % 8] + 0.5) / 64\n}\n\nfunction buildLevels(count: number): number[] {\n  if (count <= 1) return [0, 255]\n  return Array.from({ length: count }, (_, i) => Math.round((i / (count - 1)) * 255))\n}\n\nfunction ditherChannel(value: number, threshold: number, levels: number[]): number {\n  if (value <= levels[0]) return levels[0]\n  if (value >= levels[levels.length - 1]) return levels[levels.length - 1]\n  for (let i = 0; i < levels.length - 1; i++) {\n    if (value >= levels[i] && value <= levels[i + 1]) {\n      const lo = levels[i]\n      const hi = levels[i + 1]\n      return (value - lo) / (hi - lo) > threshold ? hi : lo\n    }\n  }\n  return value\n}\n\n// ─── Color interpolation ────────────────────────────────────────\n\ntype RGB = [number, number, number]\n\nfunction lerpStops(stops: RGB[], t: number): RGB {\n  if (t <= 0) return stops[0]\n  if (t >= 1) return stops[stops.length - 1]\n  const seg = t * (stops.length - 1)\n  const i = Math.floor(seg)\n  const f = seg - i\n  const a = stops[Math.min(i, stops.length - 1)]\n  const b = stops[Math.min(i + 1, stops.length - 1)]\n  return [a[0] + (b[0] - a[0]) * f, a[1] + (b[1] - a[1]) * f, a[2] + (b[2] - a[2]) * f]\n}\n\nfunction srgbToLinear(c: number): number {\n  const v = c / 255\n  return v <= 0.04045 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4)\n}\n\nfunction linearToSrgb(c: number): number {\n  const v = c <= 0.0031308 ? c * 12.92 : 1.055 * Math.pow(c, 1 / 2.4) - 0.055\n  return Math.max(0, Math.min(255, v * 255))\n}\n\nfunction rgbToOklab(r: number, g: number, b: number): RGB {\n  const lr = srgbToLinear(r), lg = srgbToLinear(g), lb = srgbToLinear(b)\n  const l = Math.cbrt(0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb)\n  const m = Math.cbrt(0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb)\n  const s = Math.cbrt(0.0883024619 * lr + 0.2817188376 * lg + 0.6299787005 * lb)\n  return [\n    0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s,\n    1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s,\n    0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s,\n  ]\n}\n\nfunction oklabToRgb(l: number, a: number, b: number): RGB {\n  const l1 = l + 0.3963377774 * a + 0.2158037573 * b\n  const m1 = l - 0.1055613458 * a - 0.0638541728 * b\n  const s1 = l - 0.0894841775 * a - 1.291485548 * b\n  return [\n    linearToSrgb(l1 * l1 * l1 * 4.0767416621 + m1 * m1 * m1 * -3.3077115913 + s1 * s1 * s1 * 0.2309699292),\n    linearToSrgb(l1 * l1 * l1 * -1.2684380046 + m1 * m1 * m1 * 2.6097574011 + s1 * s1 * s1 * -0.3413193965),\n    linearToSrgb(l1 * l1 * l1 * -0.0041960863 + m1 * m1 * m1 * -0.7034186147 + s1 * s1 * s1 * 1.707614701),\n  ]\n}\n\nfunction lerpStopsOklab(stops: RGB[], t: number): RGB {\n  if (t <= 0) return oklabToRgb(stops[0][0], stops[0][1], stops[0][2])\n  if (t >= 1) { const last = stops[stops.length - 1]; return oklabToRgb(last[0], last[1], last[2]) }\n  const seg = t * (stops.length - 1)\n  const i = Math.floor(seg)\n  const f = seg - i\n  const a = stops[i], b = stops[i + 1]\n  return oklabToRgb(a[0] + (b[0] - a[0]) * f, a[1] + (b[1] - a[1]) * f, a[2] + (b[2] - a[2]) * f)\n}\n\n// ─── Gradient value ─────────────────────────────────────────────\n\nfunction gradientValue(x: number, y: number, w: number, h: number, shape: GradientShape, angle: number, spread: number): number {\n  const cx = w / 2, cy = h / 2\n  let t = 0\n\n  if (shape === 'line') {\n    const rad = (angle * Math.PI) / 180\n    const proj = (x - cx) * Math.cos(rad) + (y - cy) * Math.sin(rad)\n    const maxProj = Math.abs((w / 2) * Math.cos(rad)) + Math.abs((h / 2) * Math.sin(rad))\n    t = maxProj > 0 ? (proj + maxProj) / (2 * maxProj) : 0.5\n  } else {\n    t = Math.sqrt(((x - cx) / (w / 2)) ** 2 + ((y - cy) / (h / 2)) ** 2) / Math.SQRT2\n  }\n\n  t = 0.5 + (t - 0.5) * (spread / 100)\n  return Math.max(0, Math.min(1, t))\n}\n\n// ─── Core gradient renderer ─────────────────────────────────────\n\nfunction renderGradient(\n  ctx: CanvasRenderingContext2D,\n  stops: ColorStops,\n  rw: number,\n  rh: number,\n  shape: GradientShape,\n  angle: number,\n  spread: number,\n  dither: DitherMode,\n  quantLevels: number,\n  oklab: boolean,\n  contrast: number,\n  brightness: number,\n) {\n  const levels = buildLevels(quantLevels)\n  const contrastF = contrast / 100\n  const brightnessF = brightness * 2.55\n  const oklabStops = oklab ? stops.map(([r, g, b]) => rgbToOklab(r, g, b)) : null\n\n  const imgData = ctx.createImageData(rw, rh)\n  const buf = imgData.data\n\n  for (let py = 0; py < rh; py++) {\n    for (let px = 0; px < rw; px++) {\n      const t = gradientValue(px, py, rw, rh, shape, angle, spread)\n      let [r, g, b] = oklabStops ? lerpStopsOklab(oklabStops, t) : lerpStops(stops, t)\n\n      r = Math.max(0, Math.min(255, (r - 128) * contrastF + 128 + brightnessF))\n      g = Math.max(0, Math.min(255, (g - 128) * contrastF + 128 + brightnessF))\n      b = Math.max(0, Math.min(255, (b - 128) * contrastF + 128 + brightnessF))\n\n      const th = bayerThreshold(px, py, dither)\n      const off = (py * rw + px) * 4\n      buf[off] = ditherChannel(r, th, levels)\n      buf[off + 1] = ditherChannel(g, th, levels)\n      buf[off + 2] = ditherChannel(b, th, levels)\n      buf[off + 3] = 255\n    }\n  }\n\n  ctx.putImageData(imgData, 0, 0)\n}\n\n// ─── Shadow mask with Bayer dithered transparency ───────────────\n\nconst BAYER8_MASK = [\n  [0, 32, 8, 40, 2, 34, 10, 42],\n  [48, 16, 56, 24, 50, 18, 58, 26],\n  [12, 44, 4, 36, 14, 46, 6, 38],\n  [60, 28, 52, 20, 62, 30, 54, 22],\n  [3, 35, 11, 43, 1, 33, 9, 41],\n  [51, 19, 59, 27, 49, 17, 57, 25],\n  [15, 47, 7, 39, 13, 45, 5, 37],\n  [63, 31, 55, 23, 61, 29, 53, 21],\n]\n\n// ─── Public API ─────────────────────────────────────────────────\n\nfunction resolveStops(config: ShadowConfig): ColorStops {\n  if (config.colors) return config.colors\n  if (typeof config.preset === 'string') {\n    const found = getPreset(config.preset)\n    return found ? found.stops : PRESETS[0].stops\n  }\n  return getPresetByIndex(config.preset).stops\n}\n\n/**\n * Render a dithered gradient shadow to a canvas.\n * This is the low-level API — use `<FunkyShadow>` for React.\n *\n * @param canvas - Target canvas element\n * @param elementWidth - Width of the element casting the shadow\n * @param elementHeight - Height of the element casting the shadow\n * @param elementRadius - Border radius of the element\n * @param config - Shadow configuration (partial, merged with defaults)\n */\nexport function renderShadow(\n  canvas: HTMLCanvasElement,\n  elementWidth: number,\n  elementHeight: number,\n  elementRadius: number,\n  config: Partial<ShadowConfig> = {},\n): void {\n  const cfg = { ...DEFAULT_CONFIG, ...config }\n  const stops = resolveStops(cfg)\n  const ctx = canvas.getContext('2d')\n  if (!ctx) return\n\n  const ps = cfg.pixelScale\n  const blur = cfg.blur\n  const offX = cfg.offsetX\n  const offY = cfg.offsetY\n\n  const absOffX = Math.abs(offX)\n  const absOffY = Math.abs(offY)\n  const pad = blur * 2 + Math.max(absOffX, absOffY) + 20\n  const canvasW = elementWidth + pad * 2\n  const canvasH = elementHeight + pad * 2\n\n  const rw = Math.ceil(canvasW / ps)\n  const rh = Math.ceil(canvasH / ps)\n  canvas.width = rw\n  canvas.height = rh\n\n  const elW = elementWidth / ps\n  const elH = elementHeight / ps\n  const elR = elementRadius / ps\n  const elX = (rw - elW) / 2\n  const elY = (rh - elH) / 2\n  const sBlur = blur / ps\n  const sOffX = offX / ps\n  const sOffY = offY / ps\n\n  // Shadow mask\n  const mc = document.createElement('canvas')\n  mc.width = rw\n  mc.height = rh\n  const mctx = mc.getContext('2d')!\n  const bigOff = rw + rh + sBlur * 4\n\n  mctx.shadowColor = 'rgba(0,0,0,1)'\n  mctx.shadowBlur = sBlur\n  mctx.shadowOffsetX = bigOff + sOffX\n  mctx.shadowOffsetY = sOffY\n  mctx.fillStyle = 'rgba(0,0,0,1)'\n  mctx.beginPath()\n  mctx.roundRect(elX - bigOff, elY, elW, elH, elR)\n  mctx.fill()\n\n  const maskData = mctx.getImageData(0, 0, rw, rh).data\n\n  // Render gradient\n  renderGradient(ctx, stops, rw, rh, cfg.shape, cfg.angle, cfg.spread, cfg.dither, cfg.quantLevels, cfg.oklab, cfg.contrast, cfg.brightness + Math.round((cfg.opacity * 100 - 50) * 0.5))\n\n  // Dither-survival: apply shadow mask to gradient with Bayer thresholding\n  const imageData = ctx.getImageData(0, 0, rw, rh)\n  const data = imageData.data\n\n  for (let y = 0; y < rh; y++) {\n    for (let x = 0; x < rw; x++) {\n      const i = (y * rw + x) * 4\n      const ma = maskData[i + 3] / 255\n      if (ma === 0) { data[i + 3] = 0; continue }\n\n      const th = BAYER8_MASK[y % 8][x % 8] / 64\n      if (ma < th) {\n        data[i] = 0; data[i + 1] = 0; data[i + 2] = 0; data[i + 3] = 0\n      } else {\n        const l = (1 - ma) * 0.5\n        data[i] = Math.round(data[i] + (255 - data[i]) * l)\n        data[i + 1] = Math.round(data[i + 1] + (255 - data[i + 1]) * l)\n        data[i + 2] = Math.round(data[i + 2] + (255 - data[i + 2]) * l)\n        data[i + 3] = 255\n      }\n    }\n  }\n  ctx.putImageData(imageData, 0, 0)\n}\n\n","'use client'\n\nimport { useEffect, useRef, useMemo, type CSSProperties, type ReactNode } from 'react'\nimport { renderShadow } from './render'\nimport type { ShadowConfig } from './types'\nimport { DEFAULT_CONFIG } from './types'\n\nexport interface FunkyShadowProps extends Partial<ShadowConfig> {\n  /** Width of the element. Required. */\n  width: number\n  /** Height of the element. Required. */\n  height: number\n  /** Border radius of the element */\n  radius?: number\n  /** Additional class name on the wrapper */\n  className?: string\n  /** Additional styles on the wrapper */\n  style?: CSSProperties\n  children?: ReactNode\n}\n\nexport function FunkyShadow({\n  width,\n  height,\n  radius = 0,\n  className,\n  style,\n  children,\n  offsetX,\n  offsetY,\n  blur,\n  opacity: opacityProp,\n  preset,\n  colors,\n  shape,\n  angle,\n  spread,\n  pixelScale,\n  dither,\n  quantLevels,\n  oklab,\n  contrast,\n  brightness,\n}: FunkyShadowProps) {\n  const canvasRef = useRef<HTMLCanvasElement>(null)\n\n  // Stable serialization key for colors array\n  const colorsKey = colors ? JSON.stringify(colors) : ''\n\n  const config = useMemo<Partial<ShadowConfig>>(() => {\n    const c: Partial<ShadowConfig> = {}\n    if (offsetX !== undefined) c.offsetX = offsetX\n    if (offsetY !== undefined) c.offsetY = offsetY\n    if (blur !== undefined) c.blur = blur\n    if (opacityProp !== undefined) c.opacity = opacityProp\n    if (preset !== undefined) c.preset = preset\n    if (colors !== undefined) c.colors = colors\n    if (shape !== undefined) c.shape = shape\n    if (angle !== undefined) c.angle = angle\n    if (spread !== undefined) c.spread = spread\n    if (pixelScale !== undefined) c.pixelScale = pixelScale\n    if (dither !== undefined) c.dither = dither\n    if (quantLevels !== undefined) c.quantLevels = quantLevels\n    if (oklab !== undefined) c.oklab = oklab\n    if (contrast !== undefined) c.contrast = contrast\n    if (brightness !== undefined) c.brightness = brightness\n    return c\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [offsetX, offsetY, blur, opacityProp, preset, colorsKey, shape, angle, spread, pixelScale, dither, quantLevels, oklab, contrast, brightness])\n\n  useEffect(() => {\n    const canvas = canvasRef.current\n    if (!canvas) return\n    renderShadow(canvas, width, height, radius, config)\n  }, [width, height, radius, config])\n\n  const resolvedOpacity = opacityProp ?? DEFAULT_CONFIG.opacity\n  const cfg = { ...DEFAULT_CONFIG, ...config }\n  const pad = cfg.blur * 2 + Math.max(Math.abs(cfg.offsetX), Math.abs(cfg.offsetY)) + 20\n  const canvasW = width + pad * 2\n  const canvasH = height + pad * 2\n\n  return (\n    <div\n      className={className}\n      style={{\n        position: 'relative',\n        width,\n        height,\n        ...style,\n      }}\n    >\n      <canvas\n        ref={canvasRef}\n        style={{\n          position: 'absolute',\n          width: canvasW,\n          height: canvasH,\n          left: `calc(50% - ${canvasW / 2}px)`,\n          top: `calc(50% - ${canvasH / 2}px)`,\n          pointerEvents: 'none',\n          imageRendering: 'pixelated',\n          opacity: resolvedOpacity,\n        }}\n      />\n      <div style={{ position: 'relative', zIndex: 1, width: '100%', height: '100%' }}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"]}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "funky-shadow",
+  "version": "0.1.0",
+  "description": "Dithered gradient shadows for any element. Canvas-rendered with Bayer matrix thresholding and Oklab color interpolation.",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": false,
+  "license": "MIT",
+  "author": "iamnoman",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/iamnoman/funky-shadow"
+  },
+  "keywords": [
+    "shadow",
+    "dithered",
+    "gradient",
+    "pixel",
+    "bayer",
+    "react",
+    "css",
+    "canvas"
+  ],
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": { "optional": true },
+    "react-dom": { "optional": true }
+  },
+  "devDependencies": {
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0",
+    "@types/react": "^18.0.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "prepublishOnly": "npm run build"
+  }
+}