@unmade/svg-helpers 0.1.1 → 0.1.3

package/dist/colours/format.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./named-colours.cjs"),m=s=>{let t=Array.from(s),r=!1;return t[0]==="#"&&(t.shift(),r=!0),t.length===3&&(t=t.map(e=>`${e}${e}`)),`${r?"#":""}${t.join("").toLowerCase()}`},h=s=>Math.max(0,Math.min(255,Math.round(s))).toString(16).padStart(2,"0"),l=(s,t,r)=>`#${h(s)}${h(t)}${h(r)}`,f=(s,t,r)=>{if(t===0){const d=Math.round(r*255);return[d,d,d]}const e=(s%360+360)%360,o=(1-Math.abs(2*r-1))*t,u=o*(1-Math.abs(e/60%2-1)),c=r-o/2;let n=0,a=0,i=0;return e<60?(n=o,a=u,i=0):e<120?(n=u,a=o,i=0):e<180?(n=0,a=o,i=u):e<240?(n=0,a=u,i=o):e<300?(n=u,a=0,i=o):(n=o,a=0,i=u),[Math.round((n+c)*255),Math.round((a+c)*255),Math.round((i+c)*255)]},b=s=>/^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.test(s),x=s=>{const t=s.trim().toLowerCase();if(t.startsWith("#")||/^[0-9a-f]{3}([0-9a-f]{3})?$/.test(t))return b(t)?m(t):void 0;if(t.startsWith("rgb")){const e=t.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*[\d.]+\s*)?\)/);return e?l(Number.parseInt(e[1],10),Number.parseInt(e[2],10),Number.parseInt(e[3],10)):void 0}if(t.startsWith("hsl")){const e=t.match(/hsla?\(\s*(\d+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%\s*(?:,\s*[\d.]+\s*)?\)/);if(!e)return;const o=Number.parseInt(e[1],10),u=Number.parseFloat(e[2])/100,c=Number.parseFloat(e[3])/100,[n,a,i]=f(o,u,c);return l(n,a,i)}const r=p.CSS_NAMED_COLOURS[t];if(r)return r};exports.expandHex=m;exports.hslToRgb=f;exports.isHex=b;exports.normaliseColour=x;exports.rgbToHex=l;
+const e=require("./named-colours.cjs");var t=e=>{let t=Array.from(e),n=!1;return t[0]===`#`&&(t.shift(),n=!0),t.length===3&&(t=t.map(e=>`${e}${e}`)),`${n?`#`:``}${t.join(``).toLowerCase()}`},n=e=>Math.max(0,Math.min(255,Math.round(typeof e==`string`?Number.parseInt(e,10):e))).toString(16).padStart(2,`0`),r=(...e)=>{let[t,r,i]=Array.isArray(e[0])?e[0]:e;return`#${n(t)}${n(r)}${n(i)}`},i=(e,t,n)=>{if(t===0){let e=Math.round(n*255);return[e,e,e]}let r=(e%360+360)%360,i=(1-Math.abs(2*n-1))*t,a=i*(1-Math.abs(r/60%2-1)),o=n-i/2,s=0,c=0,l=0;return r<60?(s=i,c=a,l=0):r<120?(s=a,c=i,l=0):r<180?(s=0,c=i,l=a):r<240?(s=0,c=a,l=i):r<300?(s=a,c=0,l=i):(s=i,c=0,l=a),[Math.round((s+o)*255),Math.round((c+o)*255),Math.round((l+o)*255)]},a=e=>/^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.test(e),o=e=>Number.parseInt(e,16),s=e=>{let n=t(e).replace(`#`,``);return[o(n.slice(0,2)),o(n.slice(2,4)),o(n.slice(4,6))]},c=n=>{let o=n.trim().toLowerCase();if(o.startsWith(`#`)||/^[0-9a-f]{3}([0-9a-f]{3})?$/.test(o))return a(o)?t(o):void 0;if(o.startsWith(`rgb`)){let e=o.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*[\d.]+\s*)?\)/);return e?r(Number.parseInt(e[1],10),Number.parseInt(e[2],10),Number.parseInt(e[3],10)):void 0}if(o.startsWith(`hsl`)){let e=o.match(/hsla?\(\s*(\d+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%\s*(?:,\s*[\d.]+\s*)?\)/);if(!e)return;let[t,n,a]=i(Number.parseInt(e[1],10),Number.parseFloat(e[2])/100,Number.parseFloat(e[3])/100);return r(t,n,a)}let s=e.CSS_NAMED_COLOURS[o];if(s)return s};exports.expandHex=t,exports.hexToInt=o,exports.hexToRgb=s,exports.hslToRgb=i,exports.isHex=a,exports.normaliseColour=c,exports.rgbToHex=r,exports.toHex=n;

package/dist/colours/format.d.ts

@@ -0,0 +1,62 @@
+/** An RGB colour as a tuple of three channel values (0–255). */
+export type RGB = [number, number, number];
+/**
+ * Convert a short hex to full length.
+ *
+ * @param short - the initial hex value
+ * @returns the expanded hex value
+ */
+export declare const expandHex: (short: string) => string;
+/**
+ * Convert a number (or numeric string) to a two-character hex string,
+ * clamped to the 0–255 range.
+ *
+ * @param val - the value to convert
+ * @returns two-character hex string (e.g. `"0a"`, `"ff"`)
+ */
+export declare const toHex: (val: string | number) => string;
+/**
+ * Convert RGB channel values (0–255) to a `#rrggbb` hex string.
+ */
+export declare const rgbToHex: (...args: [r: number, g: number, b: number] | [[number, number, number]]) => string;
+/**
+ * Convert HSL values to RGB.
+ *
+ * @param h - Hue in degrees (0–360)
+ * @param s - Saturation as a fraction (0–1)
+ * @param l - Lightness as a fraction (0–1)
+ * @returns [r, g, b] with each channel in 0–255
+ */
+export declare const hslToRgb: (h: number, s: number, l: number) => [number, number, number];
+/**
+ * Validate whether a string is a hex colour (3 or 6 digit, with optional #).
+ */
+export declare const isHex: (str: string) => boolean;
+/**
+ * Convert a hex string (e.g. `"ff"`) to an integer.
+ *
+ * @param hex - the hex string to convert (without `#` prefix)
+ * @returns the integer value
+ */
+export declare const hexToInt: (hex: string) => number;
+/**
+ * Convert a hex colour string to an RGB tuple.
+ *
+ * Accepts 3-digit (`#abc`) or 6-digit (`#aabbcc`) hex, with or without `#`.
+ *
+ * @param hex - the hex colour string
+ * @returns `[r, g, b]` with each channel in 0–255
+ */
+export declare const hexToRgb: (hex: string) => RGB;
+/**
+ * Normalise any CSS colour value to a canonical `#rrggbb` lowercase hex string.
+ *
+ * Supported formats:
+ * - Hex: `#RGB`, `#RRGGBB` (with or without `#`)
+ * - RGB/RGBA: `rgb(r, g, b)`, `rgba(r, g, b, a)`
+ * - HSL/HSLA: `hsl(h, s%, l%)`, `hsla(h, s%, l%, a)`
+ * - CSS named colours: `red`, `blue`, `coral`, etc.
+ *
+ * @returns Normalised `#rrggbb` string, or `undefined` if the value is not a recognised colour
+ */
+export declare const normaliseColour: (value: string) => string | undefined;

package/dist/colours/format.mjs

@@ -1,48 +1,48 @@
-import { CSS_NAMED_COLOURS as f } from "./named-colours.mjs";
-const l = (r) => {
-  let t = Array.from(r), e = !1;
-  return t[0] === "#" && (t.shift(), e = !0), t.length === 3 && (t = t.map((s) => `${s}${s}`)), `${e ? "#" : ""}${t.join("").toLowerCase()}`;
-}, m = (r) => Math.max(0, Math.min(255, Math.round(r))).toString(16).padStart(2, "0"), d = (r, t, e) => `#${m(r)}${m(t)}${m(e)}`, b = (r, t, e) => {
-  if (t === 0) {
-    const u = Math.round(e * 255);
-    return [u, u, u];
-  }
-  const s = (r % 360 + 360) % 360, n = (1 - Math.abs(2 * e - 1)) * t, c = n * (1 - Math.abs(s / 60 % 2 - 1)), h = e - n / 2;
-  let o = 0, a = 0, i = 0;
-  return s < 60 ? (o = n, a = c, i = 0) : s < 120 ? (o = c, a = n, i = 0) : s < 180 ? (o = 0, a = n, i = c) : s < 240 ? (o = 0, a = c, i = n) : s < 300 ? (o = c, a = 0, i = n) : (o = n, a = 0, i = c), [
-    Math.round((o + h) * 255),
-    Math.round((a + h) * 255),
-    Math.round((i + h) * 255)
-  ];
-}, p = (r) => /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.test(r), M = (r) => {
-  const t = r.trim().toLowerCase();
-  if (t.startsWith("#") || /^[0-9a-f]{3}([0-9a-f]{3})?$/.test(t))
-    return p(t) ? l(t) : void 0;
-  if (t.startsWith("rgb")) {
-    const s = t.match(
-      /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*[\d.]+\s*)?\)/
-    );
-    return s ? d(
-      Number.parseInt(s[1], 10),
-      Number.parseInt(s[2], 10),
-      Number.parseInt(s[3], 10)
-    ) : void 0;
-  }
-  if (t.startsWith("hsl")) {
-    const s = t.match(
-      /hsla?\(\s*(\d+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%\s*(?:,\s*[\d.]+\s*)?\)/
-    );
-    if (!s) return;
-    const n = Number.parseInt(s[1], 10), c = Number.parseFloat(s[2]) / 100, h = Number.parseFloat(s[3]) / 100, [o, a, i] = b(n, c, h);
-    return d(o, a, i);
-  }
-  const e = f[t];
-  if (e) return e;
-};
-export {
-  l as expandHex,
-  b as hslToRgb,
-  p as isHex,
-  M as normaliseColour,
-  d as rgbToHex
+import { CSS_NAMED_COLOURS as e } from "./named-colours.mjs";
+//#region src/colours/format.ts
+var t = (e) => {
+	let t = Array.from(e), n = !1;
+	return t[0] === "#" && (t.shift(), n = !0), t.length === 3 && (t = t.map((e) => `${e}${e}`)), `${n ? "#" : ""}${t.join("").toLowerCase()}`;
+}, n = (e) => Math.max(0, Math.min(255, Math.round(typeof e == "string" ? Number.parseInt(e, 10) : e))).toString(16).padStart(2, "0"), r = (...e) => {
+	let [t, r, i] = Array.isArray(e[0]) ? e[0] : e;
+	return `#${n(t)}${n(r)}${n(i)}`;
+}, i = (e, t, n) => {
+	if (t === 0) {
+		let e = Math.round(n * 255);
+		return [
+			e,
+			e,
+			e
+		];
+	}
+	let r = (e % 360 + 360) % 360, i = (1 - Math.abs(2 * n - 1)) * t, a = i * (1 - Math.abs(r / 60 % 2 - 1)), o = n - i / 2, s = 0, c = 0, l = 0;
+	return r < 60 ? (s = i, c = a, l = 0) : r < 120 ? (s = a, c = i, l = 0) : r < 180 ? (s = 0, c = i, l = a) : r < 240 ? (s = 0, c = a, l = i) : r < 300 ? (s = a, c = 0, l = i) : (s = i, c = 0, l = a), [
+		Math.round((s + o) * 255),
+		Math.round((c + o) * 255),
+		Math.round((l + o) * 255)
+	];
+}, a = (e) => /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i.test(e), o = (e) => Number.parseInt(e, 16), s = (e) => {
+	let n = t(e).replace("#", "");
+	return [
+		o(n.slice(0, 2)),
+		o(n.slice(2, 4)),
+		o(n.slice(4, 6))
+	];
+}, c = (n) => {
+	let o = n.trim().toLowerCase();
+	if (o.startsWith("#") || /^[0-9a-f]{3}([0-9a-f]{3})?$/.test(o)) return a(o) ? t(o) : void 0;
+	if (o.startsWith("rgb")) {
+		let e = o.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*[\d.]+\s*)?\)/);
+		return e ? r(Number.parseInt(e[1], 10), Number.parseInt(e[2], 10), Number.parseInt(e[3], 10)) : void 0;
+	}
+	if (o.startsWith("hsl")) {
+		let e = o.match(/hsla?\(\s*(\d+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%\s*(?:,\s*[\d.]+\s*)?\)/);
+		if (!e) return;
+		let [t, n, a] = i(Number.parseInt(e[1], 10), Number.parseFloat(e[2]) / 100, Number.parseFloat(e[3]) / 100);
+		return r(t, n, a);
+	}
+	let s = e[o];
+	if (s) return s;
 };
+//#endregion
+export { t as expandHex, o as hexToInt, s as hexToRgb, i as hslToRgb, a as isHex, c as normaliseColour, r as rgbToHex, n as toHex };

package/dist/colours/index.d.ts

@@ -0,0 +1,46 @@
+export { expandHex, rgbToHex, hslToRgb, isHex, normaliseColour, toHex, hexToInt, hexToRgb, type RGB } from './format';
+export { CSS_NAMED_COLOURS } from './named-colours';
+export declare const ELEMENTS: {
+    svg: string;
+    circle: string;
+    desc: string;
+    ellipse: string;
+    rect: string;
+    line: string;
+    path: string;
+    polygon: string;
+    polyline: string;
+    stop: string;
+};
+export declare const COLOURABLE_ELEMENT_SELECTORS: {
+    tiling: string[];
+    nonTiling: string[];
+};
+/**
+ * Fetch all colourable elements from an SVG
+ *
+ * @param {SVGElement} svg - the SVG input
+ * @returns {SVGElement[]} the elements
+ */
+export declare const getColourableElements: (svg: SVGElement) => SVGElement[];
+/**
+ * Get a list of the unique colours used in an SVG document.
+ *
+ * Extracts fill, stroke, and stop-color attributes from all colourable
+ * elements. Normalises all colour formats (hex, rgb, hsl, named) to
+ * canonical `#rrggbb` lowercase hex. Elements inside `<clipPath>` are excluded.
+ *
+ * @param {SVGElement} svg - the document
+ * @returns {string[]} unique colour hex strings
+ */
+export declare const getUniqueColoursFromSVG: (svg: SVGElement) => string[];
+/**
+ * Extract unique normalised colours from a raw SVG string.
+ *
+ * Parses the string via DOMParser, then delegates to `getUniqueColoursFromSVG`.
+ * This is a convenience function for working with SVG glyph data from fonts.
+ *
+ * @param svgString - Raw SVG markup
+ * @returns Array of unique `#rrggbb` hex colour strings
+ */
+export declare const getColoursFromSvgString: (svgString: string) => string[];

package/dist/colours/named-colours.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",green:"#008000",greenyellow:"#adff2f",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgreen:"#90ee90",lightgrey:"#d3d3d3",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370db",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#db7093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",slategrey:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"};exports.CSS_NAMED_COLOURS=e;
+var e={aliceblue:`#f0f8ff`,antiquewhite:`#faebd7`,aqua:`#00ffff`,aquamarine:`#7fffd4`,azure:`#f0ffff`,beige:`#f5f5dc`,bisque:`#ffe4c4`,black:`#000000`,blanchedalmond:`#ffebcd`,blue:`#0000ff`,blueviolet:`#8a2be2`,brown:`#a52a2a`,burlywood:`#deb887`,cadetblue:`#5f9ea0`,chartreuse:`#7fff00`,chocolate:`#d2691e`,coral:`#ff7f50`,cornflowerblue:`#6495ed`,cornsilk:`#fff8dc`,crimson:`#dc143c`,cyan:`#00ffff`,darkblue:`#00008b`,darkcyan:`#008b8b`,darkgoldenrod:`#b8860b`,darkgray:`#a9a9a9`,darkgreen:`#006400`,darkgrey:`#a9a9a9`,darkkhaki:`#bdb76b`,darkmagenta:`#8b008b`,darkolivegreen:`#556b2f`,darkorange:`#ff8c00`,darkorchid:`#9932cc`,darkred:`#8b0000`,darksalmon:`#e9967a`,darkseagreen:`#8fbc8f`,darkslateblue:`#483d8b`,darkslategray:`#2f4f4f`,darkslategrey:`#2f4f4f`,darkturquoise:`#00ced1`,darkviolet:`#9400d3`,deeppink:`#ff1493`,deepskyblue:`#00bfff`,dimgray:`#696969`,dimgrey:`#696969`,dodgerblue:`#1e90ff`,firebrick:`#b22222`,floralwhite:`#fffaf0`,forestgreen:`#228b22`,fuchsia:`#ff00ff`,gainsboro:`#dcdcdc`,ghostwhite:`#f8f8ff`,gold:`#ffd700`,goldenrod:`#daa520`,gray:`#808080`,green:`#008000`,greenyellow:`#adff2f`,grey:`#808080`,honeydew:`#f0fff0`,hotpink:`#ff69b4`,indianred:`#cd5c5c`,indigo:`#4b0082`,ivory:`#fffff0`,khaki:`#f0e68c`,lavender:`#e6e6fa`,lavenderblush:`#fff0f5`,lawngreen:`#7cfc00`,lemonchiffon:`#fffacd`,lightblue:`#add8e6`,lightcoral:`#f08080`,lightcyan:`#e0ffff`,lightgoldenrodyellow:`#fafad2`,lightgray:`#d3d3d3`,lightgreen:`#90ee90`,lightgrey:`#d3d3d3`,lightpink:`#ffb6c1`,lightsalmon:`#ffa07a`,lightseagreen:`#20b2aa`,lightskyblue:`#87cefa`,lightslategray:`#778899`,lightslategrey:`#778899`,lightsteelblue:`#b0c4de`,lightyellow:`#ffffe0`,lime:`#00ff00`,limegreen:`#32cd32`,linen:`#faf0e6`,magenta:`#ff00ff`,maroon:`#800000`,mediumaquamarine:`#66cdaa`,mediumblue:`#0000cd`,mediumorchid:`#ba55d3`,mediumpurple:`#9370db`,mediumseagreen:`#3cb371`,mediumslateblue:`#7b68ee`,mediumspringgreen:`#00fa9a`,mediumturquoise:`#48d1cc`,mediumvioletred:`#c71585`,midnightblue:`#191970`,mintcream:`#f5fffa`,mistyrose:`#ffe4e1`,moccasin:`#ffe4b5`,navajowhite:`#ffdead`,navy:`#000080`,oldlace:`#fdf5e6`,olive:`#808000`,olivedrab:`#6b8e23`,orange:`#ffa500`,orangered:`#ff4500`,orchid:`#da70d6`,palegoldenrod:`#eee8aa`,palegreen:`#98fb98`,paleturquoise:`#afeeee`,palevioletred:`#db7093`,papayawhip:`#ffefd5`,peachpuff:`#ffdab9`,peru:`#cd853f`,pink:`#ffc0cb`,plum:`#dda0dd`,powderblue:`#b0e0e6`,purple:`#800080`,rebeccapurple:`#663399`,red:`#ff0000`,rosybrown:`#bc8f8f`,royalblue:`#4169e1`,saddlebrown:`#8b4513`,salmon:`#fa8072`,sandybrown:`#f4a460`,seagreen:`#2e8b57`,seashell:`#fff5ee`,sienna:`#a0522d`,silver:`#c0c0c0`,skyblue:`#87ceeb`,slateblue:`#6a5acd`,slategray:`#708090`,slategrey:`#708090`,snow:`#fffafa`,springgreen:`#00ff7f`,steelblue:`#4682b4`,tan:`#d2b48c`,teal:`#008080`,thistle:`#d8bfd8`,tomato:`#ff6347`,turquoise:`#40e0d0`,violet:`#ee82ee`,wheat:`#f5deb3`,white:`#ffffff`,whitesmoke:`#f5f5f5`,yellow:`#ffff00`,yellowgreen:`#9acd32`};exports.CSS_NAMED_COLOURS=e;

package/dist/colours/named-colours.d.ts

@@ -0,0 +1,7 @@
+/**
+ * CSS named colours mapped to their lowercase hex equivalents.
+ *
+ * Lookup keys are lowercase to allow case-insensitive matching.
+ * @see https://www.w3.org/TR/css-color-4/#named-colors
+ */
+export declare const CSS_NAMED_COLOURS: Readonly<Record<string, string>>;

package/dist/colours/named-colours.mjs

@@ -1,153 +1,153 @@
-const e = {
-  aliceblue: "#f0f8ff",
-  antiquewhite: "#faebd7",
-  aqua: "#00ffff",
-  aquamarine: "#7fffd4",
-  azure: "#f0ffff",
-  beige: "#f5f5dc",
-  bisque: "#ffe4c4",
-  black: "#000000",
-  blanchedalmond: "#ffebcd",
-  blue: "#0000ff",
-  blueviolet: "#8a2be2",
-  brown: "#a52a2a",
-  burlywood: "#deb887",
-  cadetblue: "#5f9ea0",
-  chartreuse: "#7fff00",
-  chocolate: "#d2691e",
-  coral: "#ff7f50",
-  cornflowerblue: "#6495ed",
-  cornsilk: "#fff8dc",
-  crimson: "#dc143c",
-  cyan: "#00ffff",
-  darkblue: "#00008b",
-  darkcyan: "#008b8b",
-  darkgoldenrod: "#b8860b",
-  darkgray: "#a9a9a9",
-  darkgreen: "#006400",
-  darkgrey: "#a9a9a9",
-  darkkhaki: "#bdb76b",
-  darkmagenta: "#8b008b",
-  darkolivegreen: "#556b2f",
-  darkorange: "#ff8c00",
-  darkorchid: "#9932cc",
-  darkred: "#8b0000",
-  darksalmon: "#e9967a",
-  darkseagreen: "#8fbc8f",
-  darkslateblue: "#483d8b",
-  darkslategray: "#2f4f4f",
-  darkslategrey: "#2f4f4f",
-  darkturquoise: "#00ced1",
-  darkviolet: "#9400d3",
-  deeppink: "#ff1493",
-  deepskyblue: "#00bfff",
-  dimgray: "#696969",
-  dimgrey: "#696969",
-  dodgerblue: "#1e90ff",
-  firebrick: "#b22222",
-  floralwhite: "#fffaf0",
-  forestgreen: "#228b22",
-  fuchsia: "#ff00ff",
-  gainsboro: "#dcdcdc",
-  ghostwhite: "#f8f8ff",
-  gold: "#ffd700",
-  goldenrod: "#daa520",
-  gray: "#808080",
-  green: "#008000",
-  greenyellow: "#adff2f",
-  grey: "#808080",
-  honeydew: "#f0fff0",
-  hotpink: "#ff69b4",
-  indianred: "#cd5c5c",
-  indigo: "#4b0082",
-  ivory: "#fffff0",
-  khaki: "#f0e68c",
-  lavender: "#e6e6fa",
-  lavenderblush: "#fff0f5",
-  lawngreen: "#7cfc00",
-  lemonchiffon: "#fffacd",
-  lightblue: "#add8e6",
-  lightcoral: "#f08080",
-  lightcyan: "#e0ffff",
-  lightgoldenrodyellow: "#fafad2",
-  lightgray: "#d3d3d3",
-  lightgreen: "#90ee90",
-  lightgrey: "#d3d3d3",
-  lightpink: "#ffb6c1",
-  lightsalmon: "#ffa07a",
-  lightseagreen: "#20b2aa",
-  lightskyblue: "#87cefa",
-  lightslategray: "#778899",
-  lightslategrey: "#778899",
-  lightsteelblue: "#b0c4de",
-  lightyellow: "#ffffe0",
-  lime: "#00ff00",
-  limegreen: "#32cd32",
-  linen: "#faf0e6",
-  magenta: "#ff00ff",
-  maroon: "#800000",
-  mediumaquamarine: "#66cdaa",
-  mediumblue: "#0000cd",
-  mediumorchid: "#ba55d3",
-  mediumpurple: "#9370db",
-  mediumseagreen: "#3cb371",
-  mediumslateblue: "#7b68ee",
-  mediumspringgreen: "#00fa9a",
-  mediumturquoise: "#48d1cc",
-  mediumvioletred: "#c71585",
-  midnightblue: "#191970",
-  mintcream: "#f5fffa",
-  mistyrose: "#ffe4e1",
-  moccasin: "#ffe4b5",
-  navajowhite: "#ffdead",
-  navy: "#000080",
-  oldlace: "#fdf5e6",
-  olive: "#808000",
-  olivedrab: "#6b8e23",
-  orange: "#ffa500",
-  orangered: "#ff4500",
-  orchid: "#da70d6",
-  palegoldenrod: "#eee8aa",
-  palegreen: "#98fb98",
-  paleturquoise: "#afeeee",
-  palevioletred: "#db7093",
-  papayawhip: "#ffefd5",
-  peachpuff: "#ffdab9",
-  peru: "#cd853f",
-  pink: "#ffc0cb",
-  plum: "#dda0dd",
-  powderblue: "#b0e0e6",
-  purple: "#800080",
-  rebeccapurple: "#663399",
-  red: "#ff0000",
-  rosybrown: "#bc8f8f",
-  royalblue: "#4169e1",
-  saddlebrown: "#8b4513",
-  salmon: "#fa8072",
-  sandybrown: "#f4a460",
-  seagreen: "#2e8b57",
-  seashell: "#fff5ee",
-  sienna: "#a0522d",
-  silver: "#c0c0c0",
-  skyblue: "#87ceeb",
-  slateblue: "#6a5acd",
-  slategray: "#708090",
-  slategrey: "#708090",
-  snow: "#fffafa",
-  springgreen: "#00ff7f",
-  steelblue: "#4682b4",
-  tan: "#d2b48c",
-  teal: "#008080",
-  thistle: "#d8bfd8",
-  tomato: "#ff6347",
-  turquoise: "#40e0d0",
-  violet: "#ee82ee",
-  wheat: "#f5deb3",
-  white: "#ffffff",
-  whitesmoke: "#f5f5f5",
-  yellow: "#ffff00",
-  yellowgreen: "#9acd32"
-};
-export {
-  e as CSS_NAMED_COLOURS
+//#region src/colours/named-colours.ts
+var e = {
+	aliceblue: "#f0f8ff",
+	antiquewhite: "#faebd7",
+	aqua: "#00ffff",
+	aquamarine: "#7fffd4",
+	azure: "#f0ffff",
+	beige: "#f5f5dc",
+	bisque: "#ffe4c4",
+	black: "#000000",
+	blanchedalmond: "#ffebcd",
+	blue: "#0000ff",
+	blueviolet: "#8a2be2",
+	brown: "#a52a2a",
+	burlywood: "#deb887",
+	cadetblue: "#5f9ea0",
+	chartreuse: "#7fff00",
+	chocolate: "#d2691e",
+	coral: "#ff7f50",
+	cornflowerblue: "#6495ed",
+	cornsilk: "#fff8dc",
+	crimson: "#dc143c",
+	cyan: "#00ffff",
+	darkblue: "#00008b",
+	darkcyan: "#008b8b",
+	darkgoldenrod: "#b8860b",
+	darkgray: "#a9a9a9",
+	darkgreen: "#006400",
+	darkgrey: "#a9a9a9",
+	darkkhaki: "#bdb76b",
+	darkmagenta: "#8b008b",
+	darkolivegreen: "#556b2f",
+	darkorange: "#ff8c00",
+	darkorchid: "#9932cc",
+	darkred: "#8b0000",
+	darksalmon: "#e9967a",
+	darkseagreen: "#8fbc8f",
+	darkslateblue: "#483d8b",
+	darkslategray: "#2f4f4f",
+	darkslategrey: "#2f4f4f",
+	darkturquoise: "#00ced1",
+	darkviolet: "#9400d3",
+	deeppink: "#ff1493",
+	deepskyblue: "#00bfff",
+	dimgray: "#696969",
+	dimgrey: "#696969",
+	dodgerblue: "#1e90ff",
+	firebrick: "#b22222",
+	floralwhite: "#fffaf0",
+	forestgreen: "#228b22",
+	fuchsia: "#ff00ff",
+	gainsboro: "#dcdcdc",
+	ghostwhite: "#f8f8ff",
+	gold: "#ffd700",
+	goldenrod: "#daa520",
+	gray: "#808080",
+	green: "#008000",
+	greenyellow: "#adff2f",
+	grey: "#808080",
+	honeydew: "#f0fff0",
+	hotpink: "#ff69b4",
+	indianred: "#cd5c5c",
+	indigo: "#4b0082",
+	ivory: "#fffff0",
+	khaki: "#f0e68c",
+	lavender: "#e6e6fa",
+	lavenderblush: "#fff0f5",
+	lawngreen: "#7cfc00",
+	lemonchiffon: "#fffacd",
+	lightblue: "#add8e6",
+	lightcoral: "#f08080",
+	lightcyan: "#e0ffff",
+	lightgoldenrodyellow: "#fafad2",
+	lightgray: "#d3d3d3",
+	lightgreen: "#90ee90",
+	lightgrey: "#d3d3d3",
+	lightpink: "#ffb6c1",
+	lightsalmon: "#ffa07a",
+	lightseagreen: "#20b2aa",
+	lightskyblue: "#87cefa",
+	lightslategray: "#778899",
+	lightslategrey: "#778899",
+	lightsteelblue: "#b0c4de",
+	lightyellow: "#ffffe0",
+	lime: "#00ff00",
+	limegreen: "#32cd32",
+	linen: "#faf0e6",
+	magenta: "#ff00ff",
+	maroon: "#800000",
+	mediumaquamarine: "#66cdaa",
+	mediumblue: "#0000cd",
+	mediumorchid: "#ba55d3",
+	mediumpurple: "#9370db",
+	mediumseagreen: "#3cb371",
+	mediumslateblue: "#7b68ee",
+	mediumspringgreen: "#00fa9a",
+	mediumturquoise: "#48d1cc",
+	mediumvioletred: "#c71585",
+	midnightblue: "#191970",
+	mintcream: "#f5fffa",
+	mistyrose: "#ffe4e1",
+	moccasin: "#ffe4b5",
+	navajowhite: "#ffdead",
+	navy: "#000080",
+	oldlace: "#fdf5e6",
+	olive: "#808000",
+	olivedrab: "#6b8e23",
+	orange: "#ffa500",
+	orangered: "#ff4500",
+	orchid: "#da70d6",
+	palegoldenrod: "#eee8aa",
+	palegreen: "#98fb98",
+	paleturquoise: "#afeeee",
+	palevioletred: "#db7093",
+	papayawhip: "#ffefd5",
+	peachpuff: "#ffdab9",
+	peru: "#cd853f",
+	pink: "#ffc0cb",
+	plum: "#dda0dd",
+	powderblue: "#b0e0e6",
+	purple: "#800080",
+	rebeccapurple: "#663399",
+	red: "#ff0000",
+	rosybrown: "#bc8f8f",
+	royalblue: "#4169e1",
+	saddlebrown: "#8b4513",
+	salmon: "#fa8072",
+	sandybrown: "#f4a460",
+	seagreen: "#2e8b57",
+	seashell: "#fff5ee",
+	sienna: "#a0522d",
+	silver: "#c0c0c0",
+	skyblue: "#87ceeb",
+	slateblue: "#6a5acd",
+	slategray: "#708090",
+	slategrey: "#708090",
+	snow: "#fffafa",
+	springgreen: "#00ff7f",
+	steelblue: "#4682b4",
+	tan: "#d2b48c",
+	teal: "#008080",
+	thistle: "#d8bfd8",
+	tomato: "#ff6347",
+	turquoise: "#40e0d0",
+	violet: "#ee82ee",
+	wheat: "#f5deb3",
+	white: "#ffffff",
+	whitesmoke: "#f5f5f5",
+	yellow: "#ffff00",
+	yellowgreen: "#9acd32"
 };
+//#endregion
+export { e as CSS_NAMED_COLOURS };

package/dist/colours.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@unmade/platform"),l=require("./colours/format.cjs"),d=require("./colours/named-colours.cjs"),e={svg:"svg",circle:"circle",desc:"desc",ellipse:"ellipse",rect:"rect",line:"line",path:"path",polygon:"polygon",polyline:"polyline",stop:"stop"},n={fill:"fill",stroke:"stroke"},p={tiling:[e.circle,e.ellipse,e.rect,e.line,e.path,e.polygon,e.polyline,e.stop,`[${n.fill}]`,`[${n.stroke}]`],nonTiling:[e.circle,e.desc,e.ellipse,e.rect,e.line,e.path,e.polygon,e.polyline,e.stop,`[${n.fill}]`,`[${n.stroke}]`]},S=o=>Array.from(o.querySelectorAll(p.tiling.map(r=>`*:not(clipPath) > ${r}`).join(", "))),C=o=>{const r=o.getAttribute(n.stroke);return r==="none"||!r?!1:r},a=o=>{if(!(o==="none"||o==="transparent"||o.startsWith("url(")))return l.normaliseColour(o)},m=o=>{const s=S(o).reduce((i,c)=>{const g=c.getAttribute("stop-color"),E=c.getAttribute(n.fill)||"#000",u=C(c);if(!g){const t=a(E);t&&i.add(t)}if(g){const t=a(g);t&&i.add(t)}if(u){const t=a(u);t&&i.add(t)}return i},new Set);return Array.from(s)},T=o=>{const s=new f.DOMParser().parseFromString(o,"image/svg+xml").querySelector("svg");return s?m(s):[]};exports.expandHex=l.expandHex;exports.hslToRgb=l.hslToRgb;exports.isHex=l.isHex;exports.normaliseColour=l.normaliseColour;exports.rgbToHex=l.rgbToHex;exports.CSS_NAMED_COLOURS=d.CSS_NAMED_COLOURS;exports.COLOURABLE_ELEMENT_SELECTORS=p;exports.ELEMENTS=e;exports.getColourableElements=S;exports.getColoursFromSvgString=T;exports.getUniqueColoursFromSVG=m;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./colours/named-colours.cjs"),t=require("./colours/format.cjs");let n=require("@unmade/platform");var r={svg:`svg`,circle:`circle`,desc:`desc`,ellipse:`ellipse`,rect:`rect`,line:`line`,path:`path`,polygon:`polygon`,polyline:`polyline`,stop:`stop`},i={fill:`fill`,stroke:`stroke`},a={tiling:[r.circle,r.ellipse,r.rect,r.line,r.path,r.polygon,r.polyline,r.stop,`[${i.fill}]`,`[${i.stroke}]`],nonTiling:[r.circle,r.desc,r.ellipse,r.rect,r.line,r.path,r.polygon,r.polyline,r.stop,`[${i.fill}]`,`[${i.stroke}]`]},o=e=>Array.from(e.querySelectorAll(a.tiling.map(e=>`*:not(clipPath) > ${e}`).join(`, `))),s=e=>{let t=e.getAttribute(i.stroke);return t===`none`||!t?!1:t},c=e=>{if(!(e===`none`||e===`transparent`||e.startsWith(`url(`)))return t.normaliseColour(e)},l=e=>{let t=o(e).reduce((e,t)=>{let n=t.getAttribute(`stop-color`),r=t.getAttribute(i.fill)||`#000`,a=s(t);if(r&&!n){let t=c(r);t&&e.add(t)}if(n){let t=c(n);t&&e.add(t)}if(a){let t=c(a);t&&e.add(t)}return e},new Set);return Array.from(t)},u=e=>{let t=new n.DOMParser().parseFromString(e,`image/svg+xml`).querySelector(`svg`);return t?l(t):[]};exports.COLOURABLE_ELEMENT_SELECTORS=a,exports.CSS_NAMED_COLOURS=e.CSS_NAMED_COLOURS,exports.ELEMENTS=r,exports.expandHex=t.expandHex,exports.getColourableElements=o,exports.getColoursFromSvgString=u,exports.getUniqueColoursFromSVG=l,exports.hexToInt=t.hexToInt,exports.hexToRgb=t.hexToRgb,exports.hslToRgb=t.hslToRgb,exports.isHex=t.isHex,exports.normaliseColour=t.normaliseColour,exports.rgbToHex=t.rgbToHex,exports.toHex=t.toHex;

package/dist/colours.mjs

@@ -1,92 +1,73 @@
-import { DOMParser as f } from "@unmade/platform";
-import { normaliseColour as m } from "./colours/format.mjs";
-import { expandHex as x, hslToRgb as h, isHex as O, rgbToHex as b } from "./colours/format.mjs";
-import { CSS_NAMED_COLOURS as R } from "./colours/named-colours.mjs";
-const e = {
-  svg: "svg",
-  circle: "circle",
-  desc: "desc",
-  ellipse: "ellipse",
-  rect: "rect",
-  line: "line",
-  path: "path",
-  polygon: "polygon",
-  polyline: "polyline",
-  stop: "stop"
-}, n = {
-  fill: "fill",
-  stroke: "stroke"
-}, u = {
-  tiling: [
-    e.circle,
-    e.ellipse,
-    e.rect,
-    e.line,
-    e.path,
-    e.polygon,
-    e.polyline,
-    e.stop,
-    `[${n.fill}]`,
-    `[${n.stroke}]`
-  ],
-  nonTiling: [
-    e.circle,
-    e.desc,
-    e.ellipse,
-    e.rect,
-    e.line,
-    e.path,
-    e.polygon,
-    e.polyline,
-    e.stop,
-    `[${n.fill}]`,
-    `[${n.stroke}]`
-  ]
-}, d = (t) => Array.from(
-  t.querySelectorAll(
-    u.tiling.map((r) => `*:not(clipPath) > ${r}`).join(", ")
-  )
-), S = (t) => {
-  const r = t.getAttribute(n.stroke);
-  return r === "none" || !r ? !1 : r;
-}, p = (t) => {
-  if (!(t === "none" || t === "transparent" || t.startsWith("url(")))
-    return m(t);
-}, E = (t) => {
-  const l = d(t).reduce(
-    (s, i) => {
-      const c = i.getAttribute("stop-color"), a = i.getAttribute(n.fill) || "#000", g = S(i);
-      if (!c) {
-        const o = p(a);
-        o && s.add(o);
-      }
-      if (c) {
-        const o = p(c);
-        o && s.add(o);
-      }
-      if (g) {
-        const o = p(g);
-        o && s.add(o);
-      }
-      return s;
-    },
-    /* @__PURE__ */ new Set()
-  );
-  return Array.from(l);
-}, C = (t) => {
-  const l = new f().parseFromString(t, "image/svg+xml").querySelector("svg");
-  return l ? E(l) : [];
-};
-export {
-  u as COLOURABLE_ELEMENT_SELECTORS,
-  R as CSS_NAMED_COLOURS,
-  e as ELEMENTS,
-  x as expandHex,
-  d as getColourableElements,
-  C as getColoursFromSvgString,
-  E as getUniqueColoursFromSVG,
-  h as hslToRgb,
-  O as isHex,
-  m as normaliseColour,
-  b as rgbToHex
+import { CSS_NAMED_COLOURS as e } from "./colours/named-colours.mjs";
+import { expandHex as t, hexToInt as n, hexToRgb as r, hslToRgb as i, isHex as a, normaliseColour as o, rgbToHex as s, toHex as c } from "./colours/format.mjs";
+import { DOMParser as l } from "@unmade/platform";
+//#region src/colours/index.ts
+var u = {
+	svg: "svg",
+	circle: "circle",
+	desc: "desc",
+	ellipse: "ellipse",
+	rect: "rect",
+	line: "line",
+	path: "path",
+	polygon: "polygon",
+	polyline: "polyline",
+	stop: "stop"
+}, d = {
+	fill: "fill",
+	stroke: "stroke"
+}, f = {
+	tiling: [
+		u.circle,
+		u.ellipse,
+		u.rect,
+		u.line,
+		u.path,
+		u.polygon,
+		u.polyline,
+		u.stop,
+		`[${d.fill}]`,
+		`[${d.stroke}]`
+	],
+	nonTiling: [
+		u.circle,
+		u.desc,
+		u.ellipse,
+		u.rect,
+		u.line,
+		u.path,
+		u.polygon,
+		u.polyline,
+		u.stop,
+		`[${d.fill}]`,
+		`[${d.stroke}]`
+	]
+}, p = (e) => Array.from(e.querySelectorAll(f.tiling.map((e) => `*:not(clipPath) > ${e}`).join(", "))), m = (e) => {
+	let t = e.getAttribute(d.stroke);
+	return t === "none" || !t ? !1 : t;
+}, h = (e) => {
+	if (!(e === "none" || e === "transparent" || e.startsWith("url("))) return o(e);
+}, g = (e) => {
+	let t = p(e).reduce((e, t) => {
+		let n = t.getAttribute("stop-color"), r = t.getAttribute(d.fill) || "#000", i = m(t);
+		if (r && !n) {
+			let t = h(r);
+			t && e.add(t);
+		}
+		if (n) {
+			let t = h(n);
+			t && e.add(t);
+		}
+		if (i) {
+			let t = h(i);
+			t && e.add(t);
+		}
+		return e;
+	}, /* @__PURE__ */ new Set());
+	return Array.from(t);
+}, _ = (e) => {
+	let t = new l().parseFromString(e, "image/svg+xml").querySelector("svg");
+	return t ? g(t) : [];
 };
+//#endregion
+export { f as COLOURABLE_ELEMENT_SELECTORS, e as CSS_NAMED_COLOURS, u as ELEMENTS, t as expandHex, p as getColourableElements, _ as getColoursFromSvgString, g as getUniqueColoursFromSVG, n as hexToInt, r as hexToRgb, i as hslToRgb, a as isHex, o as normaliseColour, s as rgbToHex, c as toHex };

package/dist/index.d.ts

@@ -1,99 +1,2 @@
-export declare const COLOURABLE_ELEMENT_SELECTORS: {
-    tiling: string[];
-    nonTiling: string[];
-};
-
-/**
- * CSS named colours mapped to their lowercase hex equivalents.
- *
- * Lookup keys are lowercase to allow case-insensitive matching.
- * @see https://www.w3.org/TR/css-color-4/#named-colors
- */
-export declare const CSS_NAMED_COLOURS: Readonly<Record<string, string>>;
-
-export declare const ELEMENTS: {
-    svg: string;
-    circle: string;
-    desc: string;
-    ellipse: string;
-    rect: string;
-    line: string;
-    path: string;
-    polygon: string;
-    polyline: string;
-    stop: string;
-};
-
-/**
- * Convert a short hex to full length.
- *
- * @param short - the initial hex value
- * @returns the expanded hex value
- */
-export declare const expandHex: (short: string) => string;
-
-/**
- * Fetch all colourable elements from an SVG
- *
- * @param {SVGElement} svg - the SVG input
- * @returns {SVGElement[]} the elements
- */
-export declare const getColourableElements: (svg: SVGElement) => SVGElement[];
-
-/**
- * Extract unique normalised colours from a raw SVG string.
- *
- * Parses the string via DOMParser, then delegates to `getUniqueColoursFromSVG`.
- * This is a convenience function for working with SVG glyph data from fonts.
- *
- * @param svgString - Raw SVG markup
- * @returns Array of unique `#rrggbb` hex colour strings
- */
-export declare const getColoursFromSvgString: (svgString: string) => string[];
-
-/**
- * Get a list of the unique colours used in an SVG document.
- *
- * Extracts fill, stroke, and stop-color attributes from all colourable
- * elements. Normalises all colour formats (hex, rgb, hsl, named) to
- * canonical `#rrggbb` lowercase hex. Elements inside `<clipPath>` are excluded.
- *
- * @param {SVGElement} svg - the document
- * @returns {string[]} unique colour hex strings
- */
-export declare const getUniqueColoursFromSVG: (svg: SVGElement) => string[];
-
-/**
- * Convert HSL values to RGB.
- *
- * @param h - Hue in degrees (0–360)
- * @param s - Saturation as a fraction (0–1)
- * @param l - Lightness as a fraction (0–1)
- * @returns [r, g, b] with each channel in 0–255
- */
-export declare const hslToRgb: (h: number, s: number, l: number) => [number, number, number];
-
-/**
- * Validate whether a string is a hex colour (3 or 6 digit, with optional #).
- */
-export declare const isHex: (str: string) => boolean;
-
-/**
- * Normalise any CSS colour value to a canonical `#rrggbb` lowercase hex string.
- *
- * Supported formats:
- * - Hex: `#RGB`, `#RRGGBB` (with or without `#`)
- * - RGB/RGBA: `rgb(r, g, b)`, `rgba(r, g, b, a)`
- * - HSL/HSLA: `hsl(h, s%, l%)`, `hsla(h, s%, l%, a)`
- * - CSS named colours: `red`, `blue`, `coral`, etc.
- *
- * @returns Normalised `#rrggbb` string, or `undefined` if the value is not a recognised colour
- */
-export declare const normaliseColour: (value: string) => string | undefined;
-
-/**
- * Convert RGB channel values (0–255) to a `#rrggbb` hex string.
- */
-export declare const rgbToHex: (r: number, g: number, b: number) => string;
-
-export { }
+export * from './colours/index.js'
+export {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unmade/svg-helpers",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Set of helper functions for working with SVG content",
   "type": "module",
   "main": "./dist/colours.cjs",
@@ -8,9 +8,9 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/colours.mjs",
-      "require": "./dist/colours.cjs",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/colours.cjs"
     }
   },
   "files": [
@@ -23,13 +23,14 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@unmade/platform": "^0.1.2"
+    "@unmade/platform": "^0.1.3"
   },
   "devDependencies": {
-    "typescript": "^5.9.3",
-    "vite": "^7.3.1",
-    "vite-plugin-dts": "^4.5.4",
-    "vitest": "^3.2.4"
+    "@typescript/typescript6": "^6.0.2",
+    "typescript": "^7.0.2",
+    "vite": "^8.0.16",
+    "vite-plugin-dts": "^5.0.3",
+    "vitest": "^4.1.10"
   },
   "keywords": [
     "svg"