@weasel-js/paint 1.17.2 → 1.18.0

package/dist/index.js

@@ -15,215 +15,21 @@ function atKey(at) {
   return `s${at.subpath}`;
 }
 
-// src/resolvePaint.ts
-var INHERIT = "inherit";
-function resolveFill(fill, inherited = null) {
-  if (fill === INHERIT) return inherited;
-  return fill?.paint == null ? null : fill;
-}
-function resolveStroke(stroke, inherited = null) {
-  if (stroke === INHERIT) return inherited;
-  return stroke?.paint == null ? null : stroke;
-}
-
-// src/paintKey.ts
-function canonical(value) {
-  if (Array.isArray(value)) return `[${value.map(canonical).join(",")}]`;
-  if (typeof value !== "object" || value === null) return JSON.stringify(value) ?? "null";
-  const fields = Object.keys(value).sort().filter((k) => value[k] !== void 0).map((k) => `${JSON.stringify(k)}:${canonical(value[k])}`);
-  return `{${fields.join(",")}}`;
-}
-var structuralKeys = /* @__PURE__ */ new WeakMap();
-var strokeShapeKeys = /* @__PURE__ */ new WeakMap();
-function paintKey(paint) {
-  if (paint == null) return "none";
-  if (isSolidPaint(paint)) return `solid:${paint.color}:${paint.opacity ?? 1}`;
-  let key = structuralKeys.get(paint);
-  if (key === void 0) {
-    key = canonical(paint);
-    structuralKeys.set(paint, key);
-  }
-  return key;
-}
-function fillHasInk(fill) {
-  return resolveFill(fill) !== null;
-}
-function strokeHasInk(stroke) {
-  const painted = resolveStroke(stroke);
-  if (painted === null) return false;
-  const width = painted.width ?? 1;
-  return (typeof width === "number" ? width : width.px) > 0;
-}
-function strokeKey(stroke) {
-  if (!strokeHasInk(stroke)) return "none";
-  let shape = strokeShapeKeys.get(stroke);
-  if (shape === void 0) {
-    const { paint: _paint, width, join, cap, miterLimit, align, dash, ...rest } = stroke;
-    shape = canonical({
-      ...rest,
-      width: width ?? 1,
-      join: join ?? "miter",
-      cap: cap ?? "butt",
-      miterLimit: miterLimit ?? 4,
-      align: align ?? "center",
-      dash: dash ?? []
-    });
-    strokeShapeKeys.set(stroke, shape);
-  }
-  return `${shape}|${paintKey(stroke.paint)}`;
-}
-
-// src/patternPaint.ts
-var TILE_KINDS = ["hatch", "crosshatch", "dots", "chunks"];
-var TILE_KIND_SET = new Set(TILE_KINDS);
-function isTileKind(kind) {
-  return kind !== void 0 && TILE_KIND_SET.has(kind);
-}
-function isTilePaint(paint) {
-  return isTileKind(paint.kind);
-}
-function isImagePatternPaint(paint) {
-  return paint.kind === "image";
-}
-function isPatternPaint(paint) {
-  return paint.kind === "texture" || paint.kind === "image" || isTileKind(paint.kind);
-}
-function patternPlacementOf(paint) {
-  const { units, origin, transform, opacity } = paint;
-  return {
-    ...units !== void 0 ? { units } : {},
-    ...origin !== void 0 ? { origin } : {},
-    ...transform !== void 0 ? { transform } : {},
-    ...opacity !== void 0 ? { opacity } : {}
-  };
-}
-function tileSpecOf(paint) {
-  const { units: _units, origin: _origin, transform: _transform, opacity: _opacity, ...spec } = paint;
-  return spec;
-}
-
-// src/patternTransform.ts
-function composePatternTransform(parts) {
-  const { rotation = 0, scaleX = 1, scaleY = 1, skewX = 0 } = parts;
-  const cos = Math.cos(rotation);
-  const sin = Math.sin(rotation);
-  const shear = Math.tan(skewX) * scaleY;
-  return [
-    cos * scaleX,
-    sin * scaleX,
-    cos * shear - sin * scaleY,
-    sin * shear + cos * scaleY
-  ];
-}
-function decomposePatternTransform(t) {
-  if (!t) return { rotation: 0, scaleX: 1, scaleY: 1, skewX: 0 };
-  const [a, b, c, d] = t;
-  const scaleX = Math.hypot(a, b);
-  const rotation = scaleX === 0 ? 0 : Math.atan2(b, a);
-  const cos = Math.cos(rotation);
-  const sin = Math.sin(rotation);
-  const shear = c * cos + d * sin;
-  const scaleY = d * cos - c * sin;
-  const skewX = scaleY === 0 ? 0 : Math.atan(shear / scaleY);
-  return { rotation, scaleX, scaleY, skewX };
-}
-
-// src/vertexWidth.ts
-var usable = (v) => typeof v === "number" && Number.isFinite(v) && v >= 0;
-function vertexHalfWidths(entry, fallback) {
-  const half = fallback / 2;
-  if (typeof entry === "number") return usable(entry) ? { left: entry / 2, right: entry / 2 } : { left: half, right: half };
-  if (entry == null || typeof entry !== "object") return { left: half, right: half };
-  return { left: usable(entry.left) ? entry.left : half, right: usable(entry.right) ? entry.right : half };
-}
-function vertexWidthFromSides(left, right) {
-  return Math.abs(left - right) <= 1e-9 * Math.max(1, Math.abs(left), Math.abs(right)) ? left + right : { left, right };
-}
-function scaleVertexWidth(entry, k) {
-  return typeof entry === "number" ? entry * k : { left: entry.left * k, right: entry.right * k };
-}
-function widestHalfWidth(width, vertexWidths) {
-  let widest = width / 2;
-  if (vertexWidths) {
-    for (const entry of vertexWidths) {
-      const { left, right } = vertexHalfWidths(entry, width);
-      widest = Math.max(widest, left, right);
-    }
-  }
-  return widest;
-}
-
-// src/paint.ts
-function resolveScreenLength(value, scale) {
-  if (typeof value === "number") return value;
-  if (!Number.isFinite(scale) || scale === 0) return value.px;
-  return value.px / scale;
-}
-function alignedStrokeRect(rect, align, width = 1) {
-  if (align === "center") return rect;
-  const sign = align === "inner" ? -1 : 1;
-  const d = sign * width / 2;
-  const dx = rect.width < 0 ? -d : d;
-  const dy = rect.height < 0 ? -d : d;
-  return {
-    x: rect.x - dx,
-    y: rect.y - dy,
-    width: rect.width + 2 * dx,
-    height: rect.height + 2 * dy
-  };
-}
-var STROKE_DASH_RATIOS = {
-  dashed: [3, 2],
-  dotted: [1, 2]
-};
-function dashWidth(width) {
-  const w = typeof width === "object" ? width.px : width ?? 1;
-  return Number.isFinite(w) && w > 0 ? w : 1;
-}
-function dashForStrokeStyle(style, width) {
-  if (style !== "dashed" && style !== "dotted") return void 0;
-  const w = dashWidth(width);
-  return STROKE_DASH_RATIOS[style].map((r) => r * w);
-}
-var MAX_DASH_RUNS = 1e5;
-function dashPattern(dash, length) {
-  if (dash === void 0 || dash.length === 0) return "solid";
-  if (!dash.every(Number.isFinite)) return "non-finite";
-  if (dash.some((v) => v < 0) || !dash.some((v) => v > 0)) return "solid";
-  if (length !== void 0) {
-    const period = dash.reduce((a, b) => a + b, 0);
-    if (length / period * dash.length > MAX_DASH_RUNS) return "solid";
-  }
-  return dash;
-}
-function dashPhase(pattern, phase) {
-  if (!Number.isFinite(phase) || phase === 0) return 0;
-  const cycle = pattern.reduce((a, b) => a + b, 0) * (pattern.length % 2 + 1);
-  if (!(cycle > 0)) return 0;
-  const wrapped = phase % cycle;
-  return wrapped < 0 ? wrapped + cycle : wrapped;
-}
-function scaledDash(stroke, k) {
-  if (stroke.dash === void 0 && stroke.dashOffset === void 0) return stroke;
-  return {
-    ...stroke,
-    ...stroke.dash ? { dash: stroke.dash.map((d) => d * k) } : {},
-    ...stroke.dashOffset !== void 0 ? { dashOffset: stroke.dashOffset * k } : {}
-  };
-}
-function strokeDashStyleOf(dash, width) {
-  const pattern = dashPattern(dash);
-  if (pattern === "solid") return "solid";
-  if (pattern === "non-finite") return "custom";
-  const w = dashWidth(width);
-  for (const style of ["dashed", "dotted"]) {
-    const preset = STROKE_DASH_RATIOS[style];
-    if (pattern.length === preset.length && preset.every((r, i) => Math.abs(pattern[i] - r * w) <= w * 1e-3)) {
-      return style;
-    }
+// src/hue.ts
+function lerpHueDeg(h1, h2, t, method = "shorter") {
+  const a = wrapDeg(h1);
+  let dh = wrapDeg(h2) - a;
+  if (method === "shorter") {
+    if (dh > 180) dh -= 360;
+    else if (dh < -180) dh += 360;
+  } else if (dh > 0 && dh < 180) {
+    dh -= 360;
+  } else if (dh < 0 && dh > -180) {
+    dh += 360;
   }
-  return "custom";
+  return wrapDeg(a + dh * t);
 }
+var wrapDeg = (h) => (h % 360 + 360) % 360;
 
 // src/hex.ts
 var HEX = /^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
@@ -242,6 +48,10 @@ function hexToRgbBytes(input) {
   if (!bytes) throw new Error(`not a hex color: "${input}"`);
   return [bytes[0], bytes[1], bytes[2]];
 }
+function rgbaHex(rgba) {
+  if (rgba[3] === 0) return null;
+  return `#${byteHex(rgba[0])}${byteHex(rgba[1])}${byteHex(rgba[2])}`;
+}
 
 // src/shortArc.ts
 var TWO_PI = Math.PI * 2;
@@ -443,15 +253,6 @@ function srgbToHsl(r, g, b) {
   return [(h * 60 % 360 + 360) % 360, s, l];
 }
 var ACHROMATIC_EPS = 1e-4;
-function lerpHueDeg(h1, h2, t, method) {
-  let dh = ((h2 - h1) % 360 + 360) % 360;
-  if (method === "shorter") {
-    if (dh > 180) dh -= 360;
-  } else if (dh > 0 && dh < 180) {
-    dh -= 360;
-  }
-  return ((h1 + dh * t) % 360 + 360) % 360;
-}
 function lerpPolar(a, b, t, method, hueT) {
   const h1 = a[0] < ACHROMATIC_EPS ? b[1] : a[1];
   const h2 = b[0] < ACHROMATIC_EPS ? a[1] : b[1];
@@ -504,28 +305,6 @@ function interpolateSrgbSplit(from, to, t, hueT, space, hue) {
   }
 }
 
-// src/mix.ts
-function mixRgba(a, b, p, space = "oklch", hue = "shorter") {
-  const alpha = a[3] * p + b[3] * (1 - p);
-  if (alpha === 0) return [0, 0, 0, 0];
-  const t = b[3] * (1 - p) / alpha;
-  const [r, g, bl] = interpolateSrgbSplit([a[0], a[1], a[2]], [b[0], b[1], b[2]], t, 1 - p, space, hue);
-  return [r, g, bl, alpha];
-}
-function mixOklab(a, b, p) {
-  return mixRgba(a, b, p, "oklab");
-}
-function mixRgbaWeighted(members, space = "oklch", hue = "shorter") {
-  if (members.length === 0) throw new Error("mixRgbaWeighted: no colors");
-  let mixed = [...members[0].color];
-  let total = members[0].weight;
-  for (const { color, weight } of members.slice(1)) {
-    total += weight;
-    if (total > 0) mixed = mixRgba(color, mixed, weight / total, space, hue);
-  }
-  return mixed;
-}
-
 // src/color.ts
 function parseColor(input) {
   const cached = CACHE.get(input);
@@ -541,8 +320,7 @@ function parseColorUncached(input) {
   const s = input.trim();
   if (s.startsWith("#")) return parseHex(s);
   const lower = s.toLowerCase();
-  const named = NAMED_COLORS[lower];
-  if (named !== void 0) return named;
+  if (Object.hasOwn(NAMED_COLORS, lower)) return NAMED_COLORS[lower];
   if (lower.startsWith("rgb")) {
     const parsed = parseRgbFunction(lower);
     if (parsed) return parsed;
@@ -561,18 +339,8 @@ function parseColorUncached(input) {
   }
   throw new Error(`parseColor: unrecognized color "${input}"`);
 }
-var RESOLVE_COLOR_CACHE_CAP = 1024;
-var resolveColorCache = /* @__PURE__ */ new Map();
 function resolveColor(input) {
-  const hit = resolveColorCache.get(input);
-  if (hit) return hit;
-  if (resolveColorCache.size >= RESOLVE_COLOR_CACHE_CAP) {
-    resolveColorCache.clear();
-  }
-  const parsed = parseColor(input);
-  const frozen = parsed;
-  resolveColorCache.set(input, frozen);
-  return frozen;
+  return parseColor(input);
 }
 function parseColorToRgba255(input) {
   const [r, g, b, a] = parseColor(input);
@@ -633,24 +401,19 @@ function splitChannels(body) {
   if (alpha !== null && alpha === "") return null;
   return { rgb: [parts[0], parts[1], parts[2]], alpha };
 }
-function parseChannel(tok, max) {
-  if (tok.endsWith("%")) {
-    const n2 = Number(tok.slice(0, -1));
-    if (!Number.isFinite(n2)) return null;
-    return clamp012(n2 / 100);
-  }
+var CSS_NUMBER = /^[+-]?(?:\d+\.?\d*|\.\d+)(?:e[+-]?\d+)?$/;
+function cssNumber(tok) {
+  if (!CSS_NUMBER.test(tok)) return null;
   const n = Number(tok);
-  if (!Number.isFinite(n)) return null;
-  return clamp012(n / max);
+  return Number.isFinite(n) ? n : null;
+}
+function parseChannel(tok, max) {
+  const percent = tok.endsWith("%");
+  const n = cssNumber(percent ? tok.slice(0, -1) : tok);
+  return n === null ? null : clamp012(n / (percent ? 100 : max));
 }
 function parseAlpha(tok) {
-  if (tok === null) return 1;
-  if (tok.endsWith("%")) {
-    const n2 = Number(tok.slice(0, -1));
-    return Number.isFinite(n2) ? clamp012(n2 / 100) : 1;
-  }
-  const n = Number(tok);
-  return Number.isFinite(n) ? clamp012(n) : 1;
+  return tok === null ? 1 : parseChannel(tok, 1);
 }
 function parseRgbFunction(s) {
   const body = unwrapFn(s, "rgba") ?? unwrapFn(s, "rgb");
@@ -660,8 +423,9 @@ function parseRgbFunction(s) {
   const r = parseChannel(channels.rgb[0], 255);
   const g = parseChannel(channels.rgb[1], 255);
   const b = parseChannel(channels.rgb[2], 255);
-  if (r === null || g === null || b === null) return null;
-  return [r, g, b, parseAlpha(channels.alpha)];
+  const a = parseAlpha(channels.alpha);
+  if (r === null || g === null || b === null || a === null) return null;
+  return [r, g, b, a];
 }
 function parseHslFunction(s) {
   const body = unwrapFn(s, "hsla") ?? unwrapFn(s, "hsl");
@@ -671,9 +435,10 @@ function parseHslFunction(s) {
   const h = parseHue(channels.rgb[0]);
   const sat = parsePercentOrNumber(channels.rgb[1]);
   const lit = parsePercentOrNumber(channels.rgb[2]);
-  if (h === null || sat === null || lit === null) return null;
+  const a = parseAlpha(channels.alpha);
+  if (h === null || sat === null || lit === null || a === null) return null;
   const [r, g, b] = hslToSrgb(h, sat, lit);
-  return [r, g, b, parseAlpha(channels.alpha)];
+  return [r, g, b, a];
 }
 function parseColorFunction(s) {
   const body = unwrapFn(s, "color");
@@ -682,9 +447,10 @@ function parseColorFunction(s) {
   const channels = splitChannels(body.slice(space[0].length));
   if (!channels) return null;
   const rgb = channels.rgb.map((tok) => parseChannel(tok, 1));
-  if (rgb.some((c) => c === null)) return null;
+  const a = parseAlpha(channels.alpha);
+  if (rgb.some((c) => c === null) || a === null) return null;
   const [r, g, b] = space[1] === "srgb" ? rgb : rgb.map((c) => linearToSrgb(c));
-  return [clamp012(r), clamp012(g), clamp012(b), parseAlpha(channels.alpha)];
+  return [clamp012(r), clamp012(g), clamp012(b), a];
 }
 function parseOkFunction(s) {
   const lch = unwrapFn(s, "oklch");
@@ -693,35 +459,23 @@ function parseOkFunction(s) {
   const channels = splitChannels(body);
   if (!channels) return null;
   const L = parsePercentOrNumber(channels.rgb[0]);
-  const second = Number(channels.rgb[1]);
-  if (L === null || !Number.isFinite(second)) return null;
-  let A = second;
-  let B = Number(channels.rgb[2]);
-  if (lch !== null) {
-    const h = parseHue(channels.rgb[2]);
-    if (h === null) return null;
-    [, A, B] = oklchToOklab(L, second, h * (Math.PI / 180));
-  } else if (!Number.isFinite(B)) return null;
+  const second = cssNumber(channels.rgb[1]);
+  const third = lch !== null ? parseHue(channels.rgb[2]) : cssNumber(channels.rgb[2]);
+  const alpha = parseAlpha(channels.alpha);
+  if (L === null || second === null || third === null || alpha === null) return null;
+  const [, A, B] = lch !== null ? oklchToOklab(L, second, third * (Math.PI / 180)) : [L, second, third];
   const [r, g, b] = oklabToLinearSrgb(L, A, B).map((c) => clamp012(linearToSrgb(c)));
-  return [r, g, b, parseAlpha(channels.alpha)];
+  return [r, g, b, alpha];
 }
 function parseHue(tok) {
-  let n;
-  if (tok.endsWith("deg")) n = Number(tok.slice(0, -3));
-  else if (tok.endsWith("grad")) n = Number(tok.slice(0, -4)) * 0.9;
-  else if (tok.endsWith("rad")) n = Number(tok.slice(0, -3)) * (180 / Math.PI);
-  else if (tok.endsWith("turn")) n = Number(tok.slice(0, -4)) * 360;
-  else n = Number(tok);
-  if (!Number.isFinite(n)) return null;
-  return (n % 360 + 360) % 360;
+  const unit = /(deg|grad|rad|turn)$/.exec(tok)?.[1];
+  const n = cssNumber(unit === void 0 ? tok : tok.slice(0, -unit.length));
+  if (n === null) return null;
+  const deg = unit === "grad" ? n * 0.9 : unit === "rad" ? n * (180 / Math.PI) : unit === "turn" ? n * 360 : n;
+  return (deg % 360 + 360) % 360;
 }
 function parsePercentOrNumber(tok) {
-  if (tok.endsWith("%")) {
-    const n2 = Number(tok.slice(0, -1));
-    return Number.isFinite(n2) ? clamp012(n2 / 100) : null;
-  }
-  const n = Number(tok);
-  return Number.isFinite(n) ? clamp012(n) : null;
+  return parseChannel(tok, 1);
 }
 function clamp012(n) {
   return n < 0 ? 0 : n > 1 ? 1 : n;
@@ -887,6 +641,251 @@ var NAMED_COLORS = (() => {
   return out;
 })();
 
+// src/resolvePaint.ts
+var INHERIT = "inherit";
+function resolveFill(fill, inherited = null) {
+  if (fill === INHERIT) return inherited;
+  return fill?.paint == null ? null : fill;
+}
+function resolveStroke(stroke, inherited = null) {
+  if (stroke === INHERIT) return inherited;
+  return stroke?.paint == null ? null : stroke;
+}
+
+// src/paintKey.ts
+function canonical(value) {
+  if (Array.isArray(value)) return `[${value.map(canonical).join(",")}]`;
+  if (typeof value !== "object" || value === null) return JSON.stringify(value) ?? "null";
+  const fields = Object.keys(value).sort().filter((k) => value[k] !== void 0).map((k) => `${JSON.stringify(k)}:${canonical(value[k])}`);
+  return `{${fields.join(",")}}`;
+}
+var structuralKeys = /* @__PURE__ */ new WeakMap();
+var strokeShapeKeys = /* @__PURE__ */ new WeakMap();
+function paintKey(paint) {
+  if (paint == null) return "none";
+  if (isSolidPaint(paint)) return `solid:${solidColorKey(paint.color, paint.opacity ?? 1)}`;
+  let key = structuralKeys.get(paint);
+  if (key === void 0) {
+    key = canonical(paint);
+    structuralKeys.set(paint, key);
+  }
+  return key;
+}
+function solidColorKey(color, opacity) {
+  try {
+    const [r, g, b, a] = parseColor(color);
+    return `${r},${g},${b},${a * opacity}`;
+  } catch {
+    return `text:${color}:${opacity}`;
+  }
+}
+function fillHasInk(fill) {
+  return resolveFill(fill) !== null;
+}
+function strokeHasInk(stroke) {
+  const painted = resolveStroke(stroke);
+  if (painted === null) return false;
+  const width = painted.width ?? 1;
+  return (typeof width === "number" ? width : width.px) > 0;
+}
+function strokeKey(stroke) {
+  if (!strokeHasInk(stroke)) return "none";
+  let shape = strokeShapeKeys.get(stroke);
+  if (shape === void 0) {
+    const { paint: _paint, width, join, cap, miterLimit, align, dash, ...rest } = stroke;
+    shape = canonical({
+      ...rest,
+      width: width ?? 1,
+      join: join ?? "miter",
+      cap: cap ?? "butt",
+      miterLimit: miterLimit ?? 4,
+      align: align ?? "center",
+      dash: dash ?? []
+    });
+    strokeShapeKeys.set(stroke, shape);
+  }
+  return `${shape}|${paintKey(stroke.paint)}`;
+}
+
+// src/alignedStrokeRect.ts
+function alignedStrokeRectHolds(rect, align, width = 1) {
+  return align !== "inner" || width < Math.min(Math.abs(rect.width), Math.abs(rect.height));
+}
+function alignedStrokeRect(rect, align, width = 1) {
+  if (align === "center") return rect;
+  const sign = align === "inner" ? -1 : 1;
+  const d = sign * width / 2;
+  const dx = rect.width < 0 ? -d : d;
+  const dy = rect.height < 0 ? -d : d;
+  return {
+    x: rect.x - dx,
+    y: rect.y - dy,
+    width: rect.width + 2 * dx,
+    height: rect.height + 2 * dy
+  };
+}
+
+// src/patternPaint.ts
+var TILE_KINDS = ["hatch", "crosshatch", "dots", "chunks"];
+var TILE_KIND_SET = new Set(TILE_KINDS);
+function isTileKind(kind) {
+  return kind !== void 0 && TILE_KIND_SET.has(kind);
+}
+function isTilePaint(paint) {
+  return isTileKind(paint.kind);
+}
+function isImagePatternPaint(paint) {
+  return paint.kind === "image";
+}
+function isPatternPaint(paint) {
+  return paint.kind === "texture" || paint.kind === "image" || isTileKind(paint.kind);
+}
+function patternPlacementOf(paint) {
+  const { units, origin, transform, opacity } = paint;
+  return {
+    ...units !== void 0 ? { units } : {},
+    ...origin !== void 0 ? { origin } : {},
+    ...transform !== void 0 ? { transform } : {},
+    ...opacity !== void 0 ? { opacity } : {}
+  };
+}
+function tileSpecOf(paint) {
+  const { units: _units, origin: _origin, transform: _transform, opacity: _opacity, ...spec } = paint;
+  return spec;
+}
+
+// src/patternTransform.ts
+function composePatternTransform(parts) {
+  const { rotation = 0, scaleX = 1, scaleY = 1, skewX = 0 } = parts;
+  const cos = Math.cos(rotation);
+  const sin = Math.sin(rotation);
+  const shear = Math.tan(skewX) * scaleY;
+  return [
+    cos * scaleX,
+    sin * scaleX,
+    cos * shear - sin * scaleY,
+    sin * shear + cos * scaleY
+  ];
+}
+function decomposePatternTransform(t) {
+  if (!t) return { rotation: 0, scaleX: 1, scaleY: 1, skewX: 0 };
+  const [a, b, c, d] = t;
+  const scaleX = Math.hypot(a, b);
+  const rotation = scaleX === 0 ? 0 : Math.atan2(b, a);
+  const cos = Math.cos(rotation);
+  const sin = Math.sin(rotation);
+  const shear = c * cos + d * sin;
+  const scaleY = d * cos - c * sin;
+  const skewX = scaleY === 0 ? 0 : Math.atan(shear / scaleY);
+  return { rotation, scaleX, scaleY, skewX };
+}
+
+// src/vertexWidth.ts
+var usable = (v) => typeof v === "number" && Number.isFinite(v) && v >= 0;
+function vertexHalfWidths(entry, fallback) {
+  const half = fallback / 2;
+  if (typeof entry === "number") return usable(entry) ? { left: entry / 2, right: entry / 2 } : { left: half, right: half };
+  if (entry == null || typeof entry !== "object") return { left: half, right: half };
+  return { left: usable(entry.left) ? entry.left : half, right: usable(entry.right) ? entry.right : half };
+}
+function vertexWidthFromSides(left, right) {
+  return Math.abs(left - right) <= 1e-9 * Math.max(1, Math.abs(left), Math.abs(right)) ? left + right : { left, right };
+}
+function scaleVertexWidth(entry, k) {
+  return typeof entry === "number" ? entry * k : { left: entry.left * k, right: entry.right * k };
+}
+function widestHalfWidth(width, vertexWidths) {
+  let widest = width / 2;
+  if (vertexWidths) {
+    for (const entry of vertexWidths) {
+      const { left, right } = vertexHalfWidths(entry, width);
+      widest = Math.max(widest, left, right);
+    }
+  }
+  return widest;
+}
+
+// src/paint.ts
+function resolveScreenLength(value, scale) {
+  if (typeof value === "number") return value;
+  if (!Number.isFinite(scale) || scale === 0) return value.px;
+  return value.px / scale;
+}
+var STROKE_DASH_RATIOS = {
+  dashed: [3, 2],
+  dotted: [1, 2]
+};
+function dashWidth(width) {
+  const w = typeof width === "object" ? width.px : width ?? 1;
+  return Number.isFinite(w) && w > 0 ? w : 1;
+}
+function dashForStrokeStyle(style, width) {
+  if (style !== "dashed" && style !== "dotted") return void 0;
+  const w = dashWidth(width);
+  return STROKE_DASH_RATIOS[style].map((r) => r * w);
+}
+var MAX_DASH_RUNS = 1e5;
+function dashPattern(dash, length) {
+  if (dash === void 0 || dash.length === 0) return "solid";
+  if (!dash.every(Number.isFinite)) return "non-finite";
+  if (dash.some((v) => v < 0) || !dash.some((v) => v > 0)) return "solid";
+  if (length !== void 0) {
+    const period = dash.reduce((a, b) => a + b, 0);
+    if (length / period * dash.length > MAX_DASH_RUNS) return "solid";
+  }
+  return dash;
+}
+function dashPhase(pattern, phase) {
+  if (!Number.isFinite(phase) || phase === 0) return 0;
+  const cycle = pattern.reduce((a, b) => a + b, 0) * (pattern.length % 2 + 1);
+  if (!(cycle > 0)) return 0;
+  const wrapped = phase % cycle;
+  return wrapped < 0 ? wrapped + cycle : wrapped;
+}
+function scaledDash(stroke, k) {
+  if (stroke.dash === void 0 && stroke.dashOffset === void 0) return stroke;
+  return {
+    ...stroke,
+    ...stroke.dash ? { dash: stroke.dash.map((d) => d * k) } : {},
+    ...stroke.dashOffset !== void 0 ? { dashOffset: stroke.dashOffset * k } : {}
+  };
+}
+function strokeDashStyleOf(dash, width) {
+  const pattern = dashPattern(dash);
+  if (pattern === "solid") return "solid";
+  if (pattern === "non-finite") return "custom";
+  const w = dashWidth(width);
+  for (const style of ["dashed", "dotted"]) {
+    const preset = STROKE_DASH_RATIOS[style];
+    if (pattern.length === preset.length && preset.every((r, i) => Math.abs(pattern[i] - r * w) <= w * 1e-3)) {
+      return style;
+    }
+  }
+  return "custom";
+}
+
+// src/mix.ts
+function mixRgba(a, b, p, space = "oklch", hue = "shorter") {
+  const alpha = a[3] * p + b[3] * (1 - p);
+  if (alpha === 0) return [0, 0, 0, 0];
+  const t = b[3] * (1 - p) / alpha;
+  const [r, g, bl] = interpolateSrgbSplit([a[0], a[1], a[2]], [b[0], b[1], b[2]], t, 1 - p, space, hue);
+  return [r, g, bl, alpha];
+}
+function mixOklab(a, b, p) {
+  return mixRgba(a, b, p, "oklab");
+}
+function mixRgbaWeighted(members, space = "oklch", hue = "shorter") {
+  if (members.length === 0) throw new Error("mixRgbaWeighted: no colors");
+  let mixed = [...members[0].color];
+  let total = members[0].weight;
+  for (const { color, weight } of members.slice(1)) {
+    total += weight;
+    if (total > 0) mixed = mixRgba(color, mixed, weight / total, space, hue);
+  }
+  return mixed;
+}
+
 // src/contrast.ts
 function contrastLineColor(background, strength) {
   const rgb = parseHexBytes(background.trim());
@@ -931,7 +930,7 @@ function sampleResolvedStops(stops, t, space = "rgb") {
   if (stops.length === 0) return TRANSPARENT;
   const first = stops[0];
   const last = stops[stops.length - 1];
-  if (t <= first.offset) return first.rgba;
+  if (!(t > first.offset)) return first.rgba;
   if (t >= last.offset) return last.rgba;
   for (let i = 0; i < stops.length - 1; i++) {
     const lo = stops[i];
@@ -947,7 +946,6 @@ function sampleResolvedStops(stops, t, space = "rgb") {
 }
 var TRANSPARENT = [0, 0, 0, 0];
 function sampleGradientStops(stops, t, space = "rgb") {
-  if (stops.length === 0) return "rgba(0,0,0,0)";
   return rgbaToHex(sampleResolvedStops(resolveGradientStops(stops), t, space));
 }
 function withGradientKind(fill, kind) {
@@ -1028,8 +1026,7 @@ function solidOf(rgba) {
   return rgba[3] >= 1 ? { color } : { color, opacity: rgba[3] };
 }
 function solidRgba(paint) {
-  if (paint.kind !== void 0 && paint.kind !== "solid") return null;
-  return rgbaOf(paint.color, paint.opacity);
+  return isSolidPaint(paint) ? rgbaOf(paint.color, paint.opacity) : null;
 }
 var lerp = (a, b, t) => a + (b - a) * t;
 function lerpPaint(a, b, t) {
@@ -1050,9 +1047,11 @@ function lerpPaint(a, b, t) {
   }
   return t < 0.5 ? a : b;
 }
+var byOffset = (stops) => [...stops].sort((p, q) => p.offset - q.offset);
 function lerpStops(a, b, t) {
-  return a.map((stop, i) => {
-    const other = b[i];
+  const to = byOffset(b);
+  return byOffset(a).map((stop, i) => {
+    const other = to[i];
     return { offset: lerp(stop.offset, other.offset, t), color: mixStopColor(stop.color, other.color, t) };
   });
 }
@@ -1184,7 +1183,7 @@ var PREDEFINED_SPACES = /* @__PURE__ */ new Set(["srgb", "srgb-linear", "display
 function cssColorNotation(space, coords, alpha = 1) {
   if (coords.length !== 3) return null;
   const slash = alpha < 1 ? ` / ${alpha}` : "";
-  const percent = FUNCTIONAL_SPACES[space];
+  const percent = Object.hasOwn(FUNCTIONAL_SPACES, space) ? FUNCTIONAL_SPACES[space] : void 0;
   if (percent) return `${space}(${coords.map((c, i) => c !== "none" && percent.includes(i) ? `${c}%` : c).join(" ")}${slash})`;
   if (PREDEFINED_SPACES.has(space)) return `color(${space} ${coords.join(" ")}${slash})`;
   return null;
@@ -1203,9 +1202,9 @@ function hexToColorLiteral(hex) {
   if (!bytes) return null;
   const [r, g, b, a] = bytes.map((v) => v / 255);
   const coords = [r, g, b];
-  return hex.length === 9 ? { space: "srgb", coords, alpha: a } : { space: "srgb", coords };
+  return a < 1 ? { space: "srgb", coords, alpha: a } : { space: "srgb", coords };
 }
 
-export { INHERIT, MAX_DASH_RUNS, STROKE_DASH_RATIOS, TILE_KINDS, alignedStrokeRect, colorLiteralToCss, colorLiteralToHex, composePatternTransform, contrastLineColor, contrastRatio, cssColorLiteral, cssColorNotation, dashForStrokeStyle, dashPattern, dashPhase, decomposePatternTransform, fillHasInk, gradientForBounds, gradientGeometry, hexToColorLiteral, hexToOklchDeg, hexToRgbBytes, hexToRgba, hslToSrgb, interpolateSrgb, isGradientPaint, isImagePatternPaint, isPatternPaint, isSolidPaint, isTileKind, isTilePaint, lerpColorArray, lerpFill, lerpOklab, lerpOklch, lerpPaint, lerpStroke, linearSrgbToOklab, linearToSrgb, luminanceContrast, mixOklab, mixRgba, mixRgbaWeighted, normalizeHex, oklabToLinearSrgb, oklabToOklch, oklabToSrgbU8, oklchDegToHex, oklchToOklab, paintKey, parseColor, parseColorToRgba255, parseHexBytes, patternPlacementOf, relativeLuminance, resolveColor, resolveFill, resolveGradientStops, resolvePaletteColor, resolvePaletteColors, resolveScreenLength, resolveStroke, rgbaToHex, sampleGradientStops, sampleResolvedStops, scaleVertexWidth, scaledDash, srgbFloatToOklab, srgbToHsl, srgbToLinear, srgbU8ToOklab, strokeDashStyleOf, strokeHasInk, strokeKey, strokeTrimKey, tileSpecOf, tryNormalizeHex, vertexHalfWidths, vertexWidthFromSides, wcagLevels, widestHalfWidth, withGradientKind };
+export { INHERIT, MAX_DASH_RUNS, STROKE_DASH_RATIOS, TILE_KINDS, alignedStrokeRect, alignedStrokeRectHolds, byteHex, colorLiteralToCss, colorLiteralToHex, composePatternTransform, contrastLineColor, contrastRatio, cssColorLiteral, cssColorNotation, dashForStrokeStyle, dashPattern, dashPhase, decomposePatternTransform, fillHasInk, gradientForBounds, gradientGeometry, hexToColorLiteral, hexToOklchDeg, hexToRgbBytes, hexToRgba, hslToSrgb, interpolateSrgb, isGradientPaint, isImagePatternPaint, isPatternPaint, isSolidPaint, isTileKind, isTilePaint, lerpColorArray, lerpFill, lerpHueDeg, lerpOklab, lerpOklch, lerpPaint, lerpStroke, linearSrgbToOklab, linearToSrgb, luminanceContrast, mixOklab, mixRgba, mixRgbaWeighted, normalizeHex, oklabToLinearSrgb, oklabToOklch, oklabToSrgbU8, oklchDegToHex, oklchToOklab, paintKey, parseColor, parseColorToRgba255, parseHexBytes, patternPlacementOf, relativeLuminance, resolveColor, resolveFill, resolveGradientStops, resolvePaletteColor, resolvePaletteColors, resolveScreenLength, resolveStroke, rgbaHex, rgbaToHex, sampleGradientStops, sampleResolvedStops, scaleVertexWidth, scaledDash, srgbFloatToOklab, srgbToHsl, srgbToLinear, srgbU8ToOklab, strokeDashStyleOf, strokeHasInk, strokeKey, strokeTrimKey, tileSpecOf, tryNormalizeHex, vertexHalfWidths, vertexWidthFromSides, wcagLevels, widestHalfWidth, withGradientKind };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map