@howells/hairline 0.0.0-stage → 0.2.0

package/lib/schema/format.js

@@ -0,0 +1,72 @@
+import { utcFormat as e } from "d3-time-format";
+import { z as t } from "zod";
+//#region src/schema/format.ts
+var n = [
+	"integer",
+	"decimal",
+	"compact",
+	"percent"
+], r = t.strictObject({
+	compactDisplay: t.enum(["short", "long"]).optional(),
+	currency: t.string().length(3).optional(),
+	locale: t.string().min(2).optional(),
+	maximumFractionDigits: t.number().int().min(0).max(20).optional(),
+	minimumFractionDigits: t.number().int().min(0).max(20).optional(),
+	notation: t.enum(["standard", "compact"]).optional(),
+	signDisplay: t.enum([
+		"auto",
+		"always",
+		"exceptZero",
+		"never"
+	]).optional(),
+	style: t.enum([
+		"decimal",
+		"percent",
+		"currency",
+		"unit"
+	]).optional(),
+	unit: t.string().optional(),
+	useGrouping: t.boolean().optional()
+}), i = t.union([t.enum(n), r]), a = t.instanceof(Function).pipe(t.custom()), o = t.instanceof(Function).pipe(t.custom()), s = t.enum(n), c = {
+	compact: new Intl.NumberFormat("en-US", {
+		compactDisplay: "short",
+		maximumFractionDigits: 1,
+		notation: "compact"
+	}),
+	decimal: new Intl.NumberFormat("en-US", {
+		maximumFractionDigits: 1,
+		minimumFractionDigits: 1
+	}),
+	integer: new Intl.NumberFormat("en-US", { maximumFractionDigits: 0 }),
+	percent: new Intl.NumberFormat("en-US", {
+		maximumFractionDigits: 0,
+		style: "percent"
+	})
+}, l = /* @__PURE__ */ new Map(), u = (e) => {
+	if (e === void 0) return String;
+	let t = a.safeParse(e);
+	if (t.success) return t.data;
+	let n = s.safeParse(e);
+	if (n.success) return (e) => c[n.data].format(e);
+	let i = JSON.stringify(e), o = l.get(i);
+	if (o === void 0) {
+		let { locale: t, ...n } = r.parse(e);
+		o = new Intl.NumberFormat(t ?? "en-US", n), l.set(i, o);
+	}
+	let u = o;
+	return (e) => u.format(e);
+}, d = [
+	"day-month",
+	"day-month-year",
+	"month-year"
+], f = t.enum(d), p = {
+	"day-month": e("%-d %b"),
+	"day-month-year": e("%-d %b %Y"),
+	"month-year": e("%b %Y")
+}, m = (e) => {
+	if (e === void 0) return p["day-month"];
+	let t = o.safeParse(e);
+	return t.success ? t.data : p[f.parse(e)];
+};
+//#endregion
+export { d as DATE_FORMAT_PRESETS, n as FORMAT_PRESETS, f as dateFormatSchema, i as formatSchema, r as intlFormatSchema, m as resolveDateFormat, u as resolveFormat };

package/lib/schema/hairline-area.js

@@ -0,0 +1,24 @@
+import { dateFormatSchema as e, formatSchema as t } from "./format.js";
+import { keyOf as n } from "./key.js";
+import { noteShape as r, sharedShape as i } from "./options.js";
+import { dailyDatumSchema as a } from "./daily.js";
+import { z as o } from "zod";
+//#region src/schema/hairline-area.ts
+var s = o.strictObject({
+	...r,
+	...i,
+	data: o.array(a).min(1).max(731).describe("Readings by date, in any order. A null value is a gap."),
+	dateFormat: e.optional().describe("How dates print on the axis and in the tooltip. Defaults to day-month."),
+	emphasis: o.string().optional().describe("The reading to draw in the hero colour, by key. Defaults to the peak."),
+	format: t.optional().describe("How values print: a preset name or Intl number-format options."),
+	height: o.number().int().positive().optional().describe("Fixed height in px. Without it an area chart is 440 tall."),
+	initialWidth: o.number().int().positive().optional().describe("Responsive mode only: the width of the first render, before measuring."),
+	maxWidth: o.number().positive().optional().describe("Widest the plot gets, in px. Defaults to 640."),
+	ticks: o.array(o.number()).min(2).max(12).optional().describe("Value-axis ticks, ascending; the scale runs from 0 to the last."),
+	width: o.number().int().positive().optional().describe("Fixed width in px. Giving it turns measuring off.")
+}).refine((e) => e.emphasis === void 0 || e.data.some((t) => n(t) === e.emphasis), {
+	message: "emphasis names no reading: it must equal a datum's id or date",
+	path: ["emphasis"]
+});
+//#endregion
+export { s as hairlineAreaSchema };

package/lib/schema/hairline-line.js

@@ -0,0 +1,23 @@
+import { dateFormatSchema as e, formatSchema as t } from "./format.js";
+import { keyOf as n } from "./key.js";
+import { noteShape as r, sharedShape as i } from "./options.js";
+import { dailyDatumSchema as a } from "./daily.js";
+import { z as o } from "zod";
+//#region src/schema/hairline-line.ts
+var s = o.strictObject({
+	...r,
+	...i,
+	data: o.array(a).min(1).max(731).describe("Readings by date, in any order. A null value is a gap."),
+	dateFormat: e.optional().describe("How dates print on the axis and in the tooltip. Defaults to day-month."),
+	emphasis: o.string().optional().describe("The reading to draw in the hero colour, by key. Defaults to `extreme`."),
+	extreme: o.enum(["peak", "trough"]).optional().describe("Which extreme the hero marks when `emphasis` is not given."),
+	format: t.optional().describe("How values print: a preset name or Intl number-format options."),
+	height: o.number().int().positive().optional().describe("Fixed height in px. Without it a line chart is 440 tall."),
+	initialWidth: o.number().int().positive().optional().describe("Responsive mode only: the width of the first render, before measuring."),
+	width: o.number().int().positive().optional().describe("Fixed width in px. Giving it turns measuring off.")
+}).refine((e) => e.emphasis === void 0 || e.data.some((t) => n(t) === e.emphasis), {
+	message: "emphasis names no reading: it must equal a datum's id or date",
+	path: ["emphasis"]
+});
+//#endregion
+export { s as hairlineLineSchema };

package/lib/schema/key.js

@@ -0,0 +1,4 @@
+//#region src/schema/key.ts
+var e = (e) => e.id === void 0 ? "label" in e ? e.label : "name" in e ? e.name : e.date : e.id;
+//#endregion
+export { e as keyOf };

package/lib/schema/metrics.js

@@ -0,0 +1,26 @@
+import { z as e } from "zod";
+//#region src/schema/metrics.ts
+var t = e.strictObject({
+	advances: e.record(e.string().length(1), e.number().positive()),
+	fallback: e.number().positive(),
+	tabular: e.number().positive().optional()
+}), n = (e, t) => Object.fromEntries(e.split("").map((e) => [e, t])), r = {
+	advances: {
+		...n(" !',.:;Iijl|·’", .3),
+		...n("()/1[]frt", .41),
+		...n("mw", .9),
+		...n("%@MW—…", 1.02)
+	},
+	fallback: .63,
+	tabular: .65
+}, i = .76, a = /\d/u, o = (e, t, n) => {
+	if (n && t.tabular !== void 0 && a.test(e)) return t.tabular;
+	let o = t.advances[e];
+	return o === void 0 ? t === r && e !== e.toLowerCase() ? i : t.fallback : o;
+}, s = (e, t, n = r, i = !1) => {
+	let a = 0;
+	for (let t of e) a += o(t, n, i);
+	return a * t;
+};
+//#endregion
+export { r as INTER_METRICS, t as fontMetricsSchema, s as textWidth };

package/lib/schema/motion.js

@@ -0,0 +1,12 @@
+import { z as e } from "zod";
+//#region src/schema/motion.ts
+var t = {
+	animate: e.enum([
+		"scroll",
+		"mount",
+		"off"
+	]).optional().describe("When the entry draws in: \"scroll\" as the chart scrolls into view, \"mount\" at once, \"off\" never (drawn, and ready, in the first HTML). The default is \"off\" for a fixed-size chart and \"scroll\" for a responsive one. Under reduced motion the chart is drawn in the first paint."),
+	replayKey: e.union([e.string(), e.number()]).optional().describe("Change it to replay the entry without remounting the chart.")
+};
+//#endregion
+export { t as motionShape };

package/lib/schema/options.js

@@ -0,0 +1,21 @@
+import { fontMetricsSchema as e } from "./metrics.js";
+import { motionShape as t } from "./motion.js";
+import { scaleShape as n } from "./scale.js";
+import { z as r } from "zod";
+//#region src/schema/options.ts
+var i = {
+	...t,
+	...n,
+	idPrefix: r.string().regex(/^[A-Za-z][\w-]*$/u).optional().describe("Leads every SVG id, to separate charts rendered in separate React roots on one page."),
+	metrics: e.optional().describe("Glyph widths of a face other than Inter, so notes wrap and reserve room for it."),
+	table: r.boolean().optional().describe("Show the data table to sighted readers too. It is always there for screen readers."),
+	title: r.string().min(1).optional().describe("The chart's accessible name. Each chart has a default that reads the data.")
+}, a = {
+	note: r.string().optional().meta({
+		deprecated: !0,
+		description: "Deprecated: use `unitNote`."
+	}),
+	unitNote: r.string().optional().describe("The in-plot key under the axis.")
+};
+//#endregion
+export { a as noteShape, i as sharedShape };

package/lib/schema/plumb-scatter.js

@@ -0,0 +1,48 @@
+import { formatSchema as e } from "./format.js";
+import { keyOf as t } from "./key.js";
+import { noteShape as n, sharedShape as r } from "./options.js";
+import { z as i } from "zod";
+//#region src/schema/plumb-scatter.ts
+var a = i.strictObject({
+	id: i.string().min(1).optional().describe("A unique key, for when two points share a label."),
+	label: i.string().describe("Names the point, and is its key unless `id` is given."),
+	x: i.number().describe("Position along the x axis."),
+	y: i.number().describe("Position up the y axis.")
+}), o = i.tuple([i.number(), i.number()]), s = i.strictObject({
+	...n,
+	...r,
+	data: i.array(a).min(1).max(20).describe("The points, 1 to 20."),
+	emphasis: i.string().optional().describe("The point to draw in the hero colour, by key. Defaults to the highest."),
+	format: e.optional().describe("How y prints: a preset name or Intl number-format options."),
+	formatX: e.optional().describe("How x prints. Defaults to a rounded integer."),
+	height: i.number().int().positive().optional().describe("Fixed height in px. Without it a scatter is 440 tall."),
+	initialWidth: i.number().int().positive().optional().describe("Responsive mode only: the width of the first render, before measuring."),
+	labelled: i.array(i.string()).optional().describe("Points to name beside their dot, by key. Defaults to the highest and lowest."),
+	width: i.number().int().positive().optional().describe("Fixed width in px. Giving it turns measuring off."),
+	xDomain: o.optional().describe("The x axis range, [low, high]."),
+	xLabels: i.tuple([i.string(), i.string()]).optional().describe("Names for the low and high ends of the x axis."),
+	yDomain: o.optional().describe("The y axis range, [low, high]."),
+	yLabel: i.string().optional().describe("Name for the y direction, drawn up the left side.")
+}).superRefine((e, n) => {
+	let r = new Set(e.data.map(t));
+	e.emphasis !== void 0 && !r.has(e.emphasis) && n.addIssue({
+		code: "custom",
+		message: "emphasis names no point: it must equal a datum's id or label",
+		path: ["emphasis"]
+	});
+	for (let [t, i] of (e.labelled ?? []).entries()) r.has(i) || n.addIssue({
+		code: "custom",
+		message: "labelled names no point: it must equal a datum's id or label",
+		path: ["labelled", t]
+	});
+	for (let t of ["xDomain", "yDomain"]) {
+		let r = e[t];
+		r !== void 0 && !(r[0] < r[1]) && n.addIssue({
+			code: "custom",
+			message: `${t} must run from low to high`,
+			path: [t]
+		});
+	}
+});
+//#endregion
+export { a as plumbDatumSchema, s as plumbScatterSchema };

package/lib/schema/registry.js

@@ -0,0 +1,132 @@
+import { dumbbellQueueSchema as e } from "./dumbbell-queue.js";
+import { hairlineAreaSchema as t } from "./hairline-area.js";
+import { hairlineLineSchema as n } from "./hairline-line.js";
+import { plumbScatterSchema as r } from "./plumb-scatter.js";
+import { rungBarsSchema as i } from "./rung-bars.js";
+import { slopeSchema as a } from "./slope.js";
+import { validate as o } from "./validate.js";
+//#region src/schema/registry.ts
+var s = (e) => ({
+	...e,
+	validate: (t) => o(e.schema, t)
+}), c = {
+	"dumbbell-queue": s({
+		component: "DumbbellQueue",
+		dataShape: "data: { label: string; before: number; after: number; id?: string }[], one row each; optional emphasis (a row's id or label), alert (\"rise\" or \"fall\": the direction drawn in the alert colour), unit (change per rung), ends (two axis labels), format, note.",
+		jobs: ["deviation", "change-over-time"],
+		kind: "dumbbell-queue",
+		limits: {
+			categories: {
+				max: 12,
+				min: 1
+			},
+			series: {
+				max: 2,
+				min: 2
+			}
+		},
+		schema: e,
+		whenNotToUse: "More than a dozen rows, more than two states per row, or changes so large that counting rungs is hopeless (raise `unit`).",
+		whenToUse: "The same few things measured at two moments, or against a target: how far each moved, and which way."
+	}),
+	"hairline-area": s({
+		component: "HairlineArea",
+		dataShape: "data: { date: ISO string; value: number | null; id?: string }[], one reading a day; optional emphasis (a reading's id or date), format, dateFormat, ticks (value-axis ticks from 0), maxWidth, note. A null value is a gap.",
+		jobs: ["change-over-time", "magnitude"],
+		kind: "hairline-area",
+		limits: {
+			categories: {
+				max: 731,
+				min: 1
+			},
+			series: {
+				max: 1,
+				min: 1
+			}
+		},
+		schema: t,
+		whenNotToUse: "Values that go negative (the area is drawn from zero), several series, readings that are not daily, or a chart where the exact path matters more than the volume under it.",
+		whenToUse: "One quantity measured every day over weeks to a year, where the volume under the line is the story: daylight, sales, traffic."
+	}),
+	"hairline-line": s({
+		component: "HairlineLine",
+		dataShape: "data: { date: ISO string; value: number | null; id?: string }[], one reading a day; optional emphasis (a reading's id or date), extreme (peak or trough, when no emphasis), format, dateFormat, note. A null value is a gap.",
+		jobs: ["change-over-time", "ranking"],
+		kind: "hairline-line",
+		limits: {
+			categories: {
+				max: 731,
+				min: 1
+			},
+			series: {
+				max: 1,
+				min: 1
+			}
+		},
+		schema: n,
+		whenNotToUse: "More than one series, readings that are not daily, or hundreds of points where individual dots stop being readable (use the area).",
+		whenToUse: "One quantity read every day for a few weeks, where each day is worth a dot and the peak or trough is the point: a price, a temperature."
+	}),
+	"plumb-scatter": s({
+		component: "PlumbScatter",
+		dataShape: "data: { label: string; x: number; y: number; id?: string }[], one point each; optional emphasis and labelled (points' ids or labels), format and formatX, xDomain, yDomain, xLabels [low, high], yLabel, note.",
+		jobs: ["correlation", "ranking"],
+		kind: "plumb-scatter",
+		limits: {
+			categories: {
+				max: 20,
+				min: 1
+			},
+			series: {
+				max: 1,
+				min: 1
+			}
+		},
+		schema: r,
+		whenNotToUse: "More than about twenty points, several series, or when the reader needs to read y off a scale rather than from a stem and a name: the stems carry x, the height carries y.",
+		whenToUse: "A dozen or so named things measured on two quantities, to show whether they move together and which stand apart."
+	}),
+	"rung-bars": s({
+		component: "RungBars",
+		dataShape: "data: { label: string; value: number; id?: string }[], one bar each; optional emphasis (a bar's id or label), unit (value per rung), format, unitNote.",
+		jobs: ["magnitude", "ranking"],
+		kind: "rung-bars",
+		limits: {
+			categories: {
+				max: 24,
+				min: 1
+			},
+			series: {
+				max: 1,
+				min: 1
+			}
+		},
+		schema: i,
+		whenNotToUse: "Values in the thousands (one rung per unit becomes a solid block; raise `unit`), negative values, many categories, or more than one series.",
+		whenToUse: "A handful of counts the reader can tally by eye: years against events, one number per category."
+	}),
+	slope: s({
+		component: "Slope",
+		dataShape: "rows: { name: string; from: number; to: number; id?: string }[], one line each; labels: [string, string] naming the two points; optional emphasis (a row's id or name), domain ([low, high]), format and narrowFormat, label (accessible name).",
+		jobs: ["change-over-time", "ranking"],
+		kind: "slope",
+		limits: {
+			categories: {
+				max: 12,
+				min: 1
+			},
+			series: {
+				max: 1,
+				min: 1
+			}
+		},
+		schema: a,
+		whenNotToUse: "More than two points in time (use a line), more than a dozen rows (the labels collide), or a single total with no rows to compare.",
+		whenToUse: "The change between two points for a handful of rows: before and after, this year against last, where the reader should see which rose and which fell."
+	})
+}, l = Object.values(c);
+function u(e) {
+	return l.find((t) => t.kind === e);
+}
+//#endregion
+export { c as charts, u as getChart, l as registry };

package/lib/schema/rung-bars.js

@@ -0,0 +1,25 @@
+import { formatSchema as e } from "./format.js";
+import { keyOf as t } from "./key.js";
+import { noteShape as n, sharedShape as r } from "./options.js";
+import { z as i } from "zod";
+//#region src/schema/rung-bars.ts
+var a = i.strictObject({
+	id: i.string().min(1).optional().describe("A unique key, for when two bars share a label."),
+	label: i.string().describe("Names the bar, and is its key unless `id` is given."),
+	value: i.number().describe("The bar's value, counted off in rungs of `unit`.")
+}), o = i.strictObject({
+	...n,
+	...r,
+	data: i.array(a).min(1).max(24).describe("The bars, 1 to 24."),
+	emphasis: i.string().optional().describe("The bar to draw in the hero colour, by key. Defaults to the largest."),
+	format: e.optional().describe("How values print: a preset name or Intl number-format options."),
+	height: i.number().int().positive().optional().describe("Fixed height in px. Without it a bar chart is 460 tall."),
+	initialWidth: i.number().int().positive().optional().describe("Responsive mode only: the width of the first render, before measuring."),
+	unit: i.number().positive().optional().describe("Units per rung."),
+	width: i.number().int().positive().optional().describe("Fixed width in px. Giving it turns measuring off.")
+}).refine((e) => e.emphasis === void 0 || e.data.some((n) => t(n) === e.emphasis), {
+	message: "emphasis names no bar: it must equal a datum's id or label",
+	path: ["emphasis"]
+});
+//#endregion
+export { o as rungBarsSchema, a as rungDatumSchema };

package/lib/schema/scale.js

@@ -0,0 +1,9 @@
+import { z as e } from "zod";
+//#region src/schema/scale.ts
+var t = {
+	fit: e.boolean().optional().describe("Fill the container's width at the chart's aspect ratio. Wins over `scale`."),
+	scale: e.number().positive().optional().describe("Slides: draw at the logical width, then show the composition this many times larger, type and textures with it."),
+	strokes: e.enum(["proportional", "device"]).optional().describe("\"device\" keeps every stroke at one device pixel, and is the default when the chart is scaled (`scale` or `fit`); \"proportional\" scales strokes with the composition. It acts on stroked geometry only (rules, lines, rings, outlines): filled marks, such as the bars of RungBars, scale either way.")
+};
+//#endregion
+export { t as scaleShape };

package/lib/schema/slope.js

@@ -0,0 +1,28 @@
+import { formatSchema as e } from "./format.js";
+import { keyOf as t } from "./key.js";
+import { sharedShape as n } from "./options.js";
+import { z as r } from "zod";
+//#region src/schema/slope.ts
+var i = r.strictObject({
+	from: r.number().describe("The value at the left point."),
+	id: r.string().min(1).optional().describe("A unique key, for when two rows share a name."),
+	name: r.string().describe("Names the row, and is its key unless `id` is given."),
+	to: r.number().describe("The value at the right point.")
+}), a = r.strictObject({
+	...n,
+	domain: r.tuple([r.number(), r.number()]).refine(([e, t]) => e < t, { message: "domain must run from lower to higher" }).optional().describe("The y range as [lowest, highest]. Defaults to the extent of the rows."),
+	emphasis: r.string().optional().describe("The row to draw in the hero colour, by key. Defaults to the biggest fall."),
+	format: e.optional().describe("How values print: a preset name or Intl number-format options."),
+	height: r.number().int().positive().optional().describe("Fixed height in px. Without it a slope chart is 420 tall."),
+	initialWidth: r.number().int().positive().optional().describe("Responsive mode only: the width of the first render, before measuring."),
+	label: r.string().optional().describe("The accessible name. Defaults to a reading of the rows."),
+	labels: r.tuple([r.string(), r.string()]).describe("Names the two points, left then right, e.g. [\"Jan 2023\", \"Dec 2024\"]."),
+	narrowFormat: e.optional().describe("The same on a phone (under 520px wide), where a unit would crowd the columns."),
+	rows: r.array(i).min(1).max(12).describe("The rows, 1 to 12."),
+	width: r.number().int().positive().optional().describe("Fixed width in px. Giving it turns measuring off.")
+}).refine((e) => e.emphasis === void 0 || e.rows.some((n) => t(n) === e.emphasis), {
+	message: "emphasis names no row: it must equal a row's id or name",
+	path: ["emphasis"]
+});
+//#endregion
+export { i as slopeRowSchema, a as slopeSchema };

package/lib/schema/validate.js

@@ -0,0 +1,25 @@
+//#region src/schema/validate.ts
+var e = (e) => Number.isInteger(e) ? Number(e) : String(e), t = (e) => {
+	let t = "";
+	for (let n of e) t += Number.isInteger(n) ? `[${n}]` : t === "" ? String(n) : `.${n}`;
+	return t;
+}, n = (n, r) => {
+	let i = n.safeParse(r);
+	return i.success ? {
+		ok: !0,
+		value: i.data
+	} : {
+		issues: i.error.issues.map((n) => {
+			let r = n.path.map(e);
+			return {
+				code: n.code,
+				message: n.message,
+				path: r,
+				pointer: t(r)
+			};
+		}),
+		ok: !1
+	};
+};
+//#endregion
+export { t as pointerOf, n as validate };

package/lib/schema.js

@@ -0,0 +1,16 @@
+import { DATE_FORMAT_PRESETS as e, FORMAT_PRESETS as t, dateFormatSchema as n, formatSchema as r, intlFormatSchema as i, resolveDateFormat as a, resolveFormat as o } from "./schema/format.js";
+import { keyOf as s } from "./schema/key.js";
+import { INTER_METRICS as c, fontMetricsSchema as l, textWidth as u } from "./schema/metrics.js";
+import { motionShape as d } from "./schema/motion.js";
+import { scaleShape as f } from "./schema/scale.js";
+import { noteShape as p, sharedShape as m } from "./schema/options.js";
+import { dumbbellDatumSchema as h, dumbbellQueueSchema as g } from "./schema/dumbbell-queue.js";
+import { dailyDatumSchema as _, isoDateSchema as v } from "./schema/daily.js";
+import { hairlineAreaSchema as y } from "./schema/hairline-area.js";
+import { hairlineLineSchema as b } from "./schema/hairline-line.js";
+import { plumbDatumSchema as x, plumbScatterSchema as S } from "./schema/plumb-scatter.js";
+import { rungBarsSchema as C, rungDatumSchema as w } from "./schema/rung-bars.js";
+import { slopeRowSchema as T, slopeSchema as E } from "./schema/slope.js";
+import { pointerOf as D, validate as O } from "./schema/validate.js";
+import { charts as k, getChart as A, registry as j } from "./schema/registry.js";
+export { e as DATE_FORMAT_PRESETS, t as FORMAT_PRESETS, c as INTER_METRICS, k as charts, _ as dailyDatumSchema, n as dateFormatSchema, h as dumbbellDatumSchema, g as dumbbellQueueSchema, l as fontMetricsSchema, r as formatSchema, A as getChart, y as hairlineAreaSchema, b as hairlineLineSchema, i as intlFormatSchema, v as isoDateSchema, s as keyOf, d as motionShape, p as noteShape, x as plumbDatumSchema, S as plumbScatterSchema, D as pointerOf, j as registry, a as resolveDateFormat, o as resolveFormat, C as rungBarsSchema, w as rungDatumSchema, f as scaleShape, m as sharedShape, T as slopeRowSchema, E as slopeSchema, u as textWidth, O as validate };

package/lib/theme/derive.js

@@ -0,0 +1,98 @@
+//#region src/theme/derive.ts
+var e = {
+	dark: {
+		alert: "#d87a6e",
+		grain: .036,
+		grid: .931,
+		hero: .105,
+		muted: .442,
+		ramp: [
+			0,
+			.148,
+			.296,
+			.442,
+			.589,
+			.725,
+			.832
+		],
+		rule: .887
+	},
+	light: {
+		alert: "#c05951",
+		grain: .045,
+		grid: .942,
+		hero: 0,
+		muted: .39,
+		ramp: [
+			0,
+			.17,
+			.33,
+			.49,
+			.64,
+			.78,
+			.89
+		],
+		rule: .9
+	}
+}, t = (e) => e <= .04045 ? e / 12.92 : ((e + .055) / 1.055) ** 2.4, n = (e) => e <= .0031308 ? e * 12.92 : 1.055 * e ** (1 / 2.4) - .055, r = /^#(?<digits>[\da-f]{3}|[\da-f]{6})$/iu, i = (e) => {
+	let n = r.exec(e.trim())?.groups?.digits;
+	if (n === void 0) throw TypeError(`deriveTheme: "${e}" is not a #rgb or #rrggbb colour`);
+	let i = n.length === 3 ? n.replaceAll(/[\da-f]/giu, (e) => e + e) : n, a = (e) => t(Number.parseInt(i.slice(e, e + 2), 16) / 255);
+	return [
+		a(0),
+		a(2),
+		a(4)
+	];
+}, a = (e) => {
+	let [t, n, r] = i(e), a = Math.cbrt(.4122214708 * t + .5363325363 * n + .0514459929 * r), o = Math.cbrt(.2119034982 * t + .6806995451 * n + .1073969566 * r), s = Math.cbrt(.0883024619 * t + .2817188376 * n + .6299787005 * r);
+	return [
+		.2104542553 * a + .793617785 * o - .0040720468 * s,
+		1.9779984951 * a - 2.428592205 * o + .4505937099 * s,
+		.0259040371 * a + .7827717662 * o - .808675766 * s
+	];
+}, o = (e) => Math.round(Math.min(1, Math.max(0, n(e))) * 255).toString(16).padStart(2, "0"), s = ([e, t, n]) => {
+	let r = (e + .3963377774 * t + .2158037573 * n) ** 3, i = (e - .1055613458 * t - .0638541728 * n) ** 3, a = (e - .0894841775 * t - 1.291485548 * n) ** 3;
+	return `#${o(4.0767416621 * r - 3.3077115913 * i + .2309699292 * a)}${o(-1.2684380046 * r + 2.6097574011 * i - .3413193965 * a)}${o(-.0041960863 * r - .7034186147 * i + 1.707614701 * a)}`;
+}, c = (e, t, n) => [
+	e[0] + (t[0] - e[0]) * n,
+	e[1] + (t[1] - e[1]) * n,
+	e[2] + (t[2] - e[2]) * n
+], l = (e) => s(a(e)), u = (e, t) => {
+	let [r, a, o] = i(e), [s, c, l] = [
+		r,
+		a,
+		o
+	].map((e) => n(e).toFixed(3));
+	return `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 ${s} 0 0 0 0 ${c} 0 0 0 0 ${l} 0 0 0 ${t} 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23g%29'/%3E%3C/svg%3E")`;
+}, d = (t) => {
+	let n = e[t.mode ?? "light"], r = l(t.paper), i = l(t.ink), o = a(i), d = a(r), f = (e) => s(c(o, d, e)), p = (e, t) => e === void 0 || e === "" ? t() : l(e), [m, h, g, _, v, y, b] = n.ramp, x = f(m), S = f(h), C = f(g), w = f(_), T = f(v), E = f(y), D = f(b), O = {
+		"--hl-alert": l(t.alert ?? n.alert),
+		"--hl-faint": T,
+		"--hl-grain": u(i, n.grain),
+		"--hl-grid": p(t.grid, () => f(n.grid)),
+		"--hl-heat-1": D,
+		"--hl-heat-2": T,
+		"--hl-heat-3": w,
+		"--hl-heat-4": S,
+		"--hl-heat-5": x,
+		"--hl-hero": p(t.hero, () => f(n.hero)),
+		"--hl-ink": i,
+		"--hl-l0": x,
+		"--hl-l1": S,
+		"--hl-l2": C,
+		"--hl-l3": w,
+		"--hl-l4": T,
+		"--hl-l5": E,
+		"--hl-l6": D,
+		"--hl-muted": f(n.muted),
+		"--hl-paper": r,
+		"--hl-rule": p(t.rule, () => f(n.rule)),
+		"--hl-text": i
+	};
+	return t.font === void 0 || t.font === "" ? O : {
+		...O,
+		"--hl-font": t.font
+	};
+};
+//#endregion
+export { d as deriveTheme };