@elabs-ai/components-ui 4.1.0 → 5.0.0

package/dist/chunk-KAAJL2HA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/color-scale.ts"],"sourcesContent":["/**\n * color-scale.ts — `colorScaleFor(values, spec)`: the one value → colour\n * decision behind every thematic encoding (RM-124). A choropleth fill\n * (`charts`), a DataTable heatmap cell (`data`) and a map symbol or legend ramp\n * (`maps`) all ask the same question, and those three packages depend on `ui`\n * but never on each other — so the answer lives here, once.\n *\n * Pure: no React, no DOM. It returns data a renderer paints.\n *\n * ## Colours are token REFERENCES\n *\n * Every colour this module hands back is a `var(--chart-…)` reference — the\n * `--chart-seq-*` ramp, the `--chart-div-*` ramp or the `--chart-1…12`\n * categorical set — never a literal. The result re-colours on a theme flip with\n * no re-render, and the on-mark ink seam (`charts`' `on-mark-ink.ts`) can\n * resolve every step it paints.\n *\n * The price: nothing here can MIX two steps, because their values are unknown\n * until the browser resolves the active theme. So:\n *\n * - a **continuous** scale snaps each value to the nearest ramp step (7\n *   sequential, 5 diverging). {@link ColorScale.positionOf} gives the exact,\n *   unsnapped ramp position (a legend marker) and {@link ColorScale.stops} the\n *   value at which each step is exact (a gradient's colour stops);\n * - a **stepped** scale is CLAMPED to its ramp: ask for more classes than the\n *   ramp has tokens (7 sequential, 5 diverging) and you get the ramp's length,\n *   because two classes painted the same colour are one class. `steps` is a\n *   ceiling, never a promise; read `scale.steps.length` for what was painted.\n *   (`method: \"custom\"` keeps every break the host named.)\n *\n * ## Step membership\n *\n * A step is `(from, to]`: the upper bound is inclusive and the first step also\n * includes its `from`. Jenks breaks are class UPPER bounds, so a published\n * break list reads straight across. Values outside the domain clamp into the\n * end steps, the way a map never shows a hole for an outlier.\n */\n\n/** A smooth ramp, or countable classes. */\nexport type ColorScaleType = \"continuous\" | \"stepped\";\n\n/**\n * Where a continuous ramp's stops sit. `linear` spreads them evenly from min\n * to max; `median`, `quartiles`, `quintiles` and `deciles` pin them to those\n * quantiles of the data; `natural` pins them to the Jenks breaks.\n */\nexport type ContinuousColorScaleMethod =\n  | \"linear\"\n  | \"median\"\n  | \"quartiles\"\n  | \"quintiles\"\n  | \"deciles\"\n  | \"natural\";\n\n/**\n * How a stepped scale cuts its classes. `equidistant` makes equal widths;\n * `rounded` makes equal widths whose inner breaks round to the step's leading\n * power of ten; `quantile` makes equal counts; `jenks` minimises the variance\n * inside each class; `custom` uses {@link SteppedColorScaleSpec.breaks}.\n */\nexport type SteppedColorScaleMethod = \"equidistant\" | \"rounded\" | \"quantile\" | \"jenks\" | \"custom\";\n\nexport type ColorScaleMethod = ContinuousColorScaleMethod | SteppedColorScaleMethod;\n\n/**\n * Which token set paints the scale. `sequential` answers \"how much\",\n * `diverging` answers \"how far from the centre, and on which side\", and\n * `categorical` gives each distinct value its own colour.\n */\nexport type ColorScalePalette = \"sequential\" | \"diverging\" | \"categorical\";\n\n/** `[min, max]`, or `[min, center, max]` to pin the ramp's middle colour. */\nexport type ColorScaleDomain =\n  | readonly [min: number, max: number]\n  | readonly [min: number, center: number, max: number];\n\ninterface ColorScaleSpecBase {\n  /**\n   * Fixed ends instead of the data's own min / max, so two maps share one\n   * scale. A middle entry is the CENTRE: the value that paints the ramp's\n   * middle colour.\n   */\n  domain?: ColorScaleDomain;\n  /**\n   * Default: `\"diverging\"` when `domain` has a centre, else `\"sequential\"`. A\n   * diverging scale without a centre centres on 0 when the domain spans 0, and\n   * on the domain's midpoint otherwise.\n   */\n  palette?: ColorScalePalette;\n}\n\nexport interface ContinuousColorScaleSpec extends ColorScaleSpecBase {\n  type: \"continuous\";\n  /** Default `\"linear\"`. */\n  method?: ContinuousColorScaleMethod;\n  /** `method: \"natural\"` only: how many Jenks classes place the stops. Default 5. */\n  steps?: number;\n}\n\nexport interface SteppedColorScaleSpec extends ColorScaleSpecBase {\n  type: \"stepped\";\n  /** Default `\"equidistant\"`. */\n  method?: SteppedColorScaleMethod;\n  /**\n   * How many classes. Default 5. Ignored by `custom`. `quantile` and `jenks`\n   * can return fewer when the data has fewer distinct values.\n   */\n  steps?: number;\n  /**\n   * `method: \"custom\"` only: the inner thresholds, ascending. The scale's ends\n   * widen to include them, so the same breaks give the same colours on every\n   * dataset.\n   */\n  breaks?: readonly number[];\n}\n\n/** What to build. The feature / column the values come from is the caller's business. */\nexport type ColorScaleSpec = ContinuousColorScaleSpec | SteppedColorScaleSpec;\n\n/**\n * One input value. Numeric scales read finite numbers only; categorical scales\n * read non-empty strings and finite numbers. Everything else is \"no data\".\n */\nexport type ColorScaleValue = number | string | null | undefined;\n\n/** One class of the scale, low → high. See the module docblock for membership. */\nexport interface ColorScaleStep {\n  from: number;\n  to: number;\n  /** A `var(--chart-…)` reference. */\n  color: string;\n}\n\n/** The value at which one ramp token is exact: a gradient's colour stop. */\nexport interface ColorScaleStop {\n  value: number;\n  /** A `var(--chart-…)` reference. */\n  color: string;\n}\n\n/** One category of a categorical scale, in first-seen order. */\nexport interface ColorScaleCategory {\n  value: string | number;\n  /** A `var(--chart-…)` reference. */\n  color: string;\n}\n\n/** The resolved scale. Every colour in it is a `var(--chart-…)` reference. */\nexport interface ColorScale {\n  type: ColorScaleType;\n  /** The method actually used (a data-driven method with no data falls back to linear / equidistant). */\n  method: ColorScaleMethod;\n  palette: ColorScalePalette;\n  /** The resolved `[lo, hi]`; `null` for a categorical scale or when there is nothing to scale. */\n  domain: readonly [number, number] | null;\n  /** The value that paints the ramp's middle colour, or `null` when none applies. */\n  center: number | null;\n  /**\n   * The classes a value can land in, low → high. Continuous: one per ramp\n   * token (the value band that snaps to it). Categorical: empty.\n   */\n  steps: readonly ColorScaleStep[];\n  /** Continuous only: one per ramp token. Stepped and categorical: empty. */\n  stops: readonly ColorScaleStop[];\n  /** Categorical only: one per distinct value. Otherwise empty. */\n  categories: readonly ColorScaleCategory[];\n  /** The colour for a value, or `null` for no data (and for an unseen category). */\n  colorOf(value: ColorScaleValue): string | null;\n  /** The index into `steps` (or `categories`) a value lands in; `-1` for no data. */\n  indexOf(value: ColorScaleValue): number;\n  /**\n   * Where a value sits on a key whose tokens (continuous) or swatches (stepped)\n   * are drawn evenly: `0` = the start of the strip, `1` = the end. `null` for\n   * no data and for categorical scales.\n   */\n  positionOf(value: ColorScaleValue): number | null;\n}\n\n/** `--chart-seq-1` (quietest) … `--chart-seq-7` (boldest), in every theme. */\nconst SEQUENTIAL_RAMP = [\n  \"var(--chart-seq-1)\",\n  \"var(--chart-seq-2)\",\n  \"var(--chart-seq-3)\",\n  \"var(--chart-seq-4)\",\n  \"var(--chart-seq-5)\",\n  \"var(--chart-seq-6)\",\n  \"var(--chart-seq-7)\",\n] as const;\n\n/** Far-negative → neutral → far-positive. */\nconst DIVERGING_RAMP = [\n  \"var(--chart-div-neg-2)\",\n  \"var(--chart-div-neg-1)\",\n  \"var(--chart-div-mid)\",\n  \"var(--chart-div-pos-1)\",\n  \"var(--chart-div-pos-2)\",\n] as const;\n\n/** The twelve series colours. Past twelve categories they repeat. */\nconst CATEGORICAL_SET = Array.from({ length: 12 }, (_, i) => `var(--chart-${i + 1})`);\n\nconst DEFAULT_STEPS = 5;\n\nconst CONTINUOUS_METHODS: ReadonlySet<string> = new Set<ContinuousColorScaleMethod>([\n  \"linear\",\n  \"median\",\n  \"quartiles\",\n  \"quintiles\",\n  \"deciles\",\n  \"natural\",\n]);\n\nconst STEPPED_METHODS: ReadonlySet<string> = new Set<SteppedColorScaleMethod>([\n  \"equidistant\",\n  \"rounded\",\n  \"quantile\",\n  \"jenks\",\n  \"custom\",\n]);\n\n/** How many equal-count intervals each quantile-based continuous method cuts the data into. */\nconst QUANTILE_STOPS: Partial<Record<ContinuousColorScaleMethod, number>> = {\n  median: 2,\n  quartiles: 4,\n  quintiles: 5,\n  deciles: 10,\n};\n\nfunction isFiniteNumber(value: unknown): value is number {\n  return typeof value === \"number\" && Number.isFinite(value);\n}\n\nfunction clamp(value: number, lo: number, hi: number): number {\n  return Math.min(hi, Math.max(lo, value));\n}\n\nfunction stepCount(steps: number | undefined, fallback: number): number {\n  return isFiniteNumber(steps) && steps >= 1 ? Math.floor(steps) : fallback;\n}\n\n/**\n * `n` entries spread evenly across `ramp`, INCLUDING both ends, so two scales\n * with different step counts still start quiet and end bold. `n === 1` is the\n * boldest step: one class means \"the value\", and a lone pale fill reads as no\n * data. Past the ramp's length, entries repeat (see the module docblock).\n */\nfunction spread(ramp: readonly string[], n: number): string[] {\n  if (n <= 0) return [];\n  const last = ramp.length - 1;\n  if (n === 1) return [ramp[last] as string];\n  return Array.from({ length: n }, (_, i) => ramp[Math.round((i * last) / (n - 1))] as string);\n}\n\n/** The `p`-quantile of an ascending array, linearly interpolated (R type 7, as d3). */\nfunction quantileSorted(sorted: readonly number[], p: number): number {\n  const h = (sorted.length - 1) * p;\n  const below = Math.floor(h);\n  const lower = sorted[below] as number;\n  const upper = sorted[Math.min(sorted.length - 1, below + 1)] as number;\n  return lower + (upper - lower) * (h - below);\n}\n\n/**\n * Jenks natural breaks: the partition of `values` into `classes` contiguous\n * classes with the smallest summed squared deviation from each class mean.\n *\n * Returns `[min, upper bound of class 1, …, upper bound of class k − 1, max]`\n * — the format published implementations (jenkspy, geostats) return. Runs on\n * the distinct values weighted by their counts, so equal values never split\n * across two classes; `classes` is capped at the distinct-value count. The\n * dynamic programme uses the divide-and-conquer speed-up that the monotone\n * split points of 1-D least squares allow (Wang & Song, Ckmeans.1d.dp), so a\n * 10 000-row column stays fast.\n */\nexport function jenksBreaks(values: readonly number[], classes: number): number[] {\n  const sorted = values.filter(isFiniteNumber).sort((a, b) => a - b);\n  if (sorted.length === 0) return [];\n  const xs: number[] = [];\n  const counts: number[] = [];\n  for (const value of sorted) {\n    if (xs.length > 0 && xs[xs.length - 1] === value) counts[counts.length - 1]! += 1;\n    else {\n      xs.push(value);\n      counts.push(1);\n    }\n  }\n  const d = xs.length;\n  const first = xs[0] as number;\n  const last = xs[d - 1] as number;\n  const k = Math.min(stepCount(classes, 1), d);\n  if (k === 1) return [first, last];\n\n  // Prefix sums of weight, value and value², shifted by a middle value so the\n  // subtraction below stays well-conditioned for large magnitudes.\n  const shift = xs[Math.floor(d / 2)] as number;\n  const w = new Float64Array(d + 1);\n  const s1 = new Float64Array(d + 1);\n  const s2 = new Float64Array(d + 1);\n  for (let i = 0; i < d; i++) {\n    const x = (xs[i] as number) - shift;\n    const c = counts[i] as number;\n    w[i + 1] = (w[i] as number) + c;\n    s1[i + 1] = (s1[i] as number) + c * x;\n    s2[i + 1] = (s2[i] as number) + c * x * x;\n  }\n  /** Summed squared deviation of distinct values `a..b` (inclusive). */\n  const ssd = (a: number, b: number): number => {\n    const weight = (w[b + 1] as number) - (w[a] as number);\n    const sum = (s1[b + 1] as number) - (s1[a] as number);\n    return Math.max(0, (s2[b + 1] as number) - (s2[a] as number) - (sum * sum) / weight);\n  };\n\n  let previous = Float64Array.from({ length: d }, (_, i) => ssd(0, i));\n  const splits: Int32Array[] = [];\n  for (let j = 1; j < k; j++) {\n    const prior = previous;\n    const current = new Float64Array(d).fill(Number.POSITIVE_INFINITY);\n    const split = new Int32Array(d);\n    // Class `j` covers distinct values `m..i`; the best `m` never moves left\n    // as `i` grows, so each half only searches its side of the middle's `m`.\n    const solve = (lo: number, hi: number, optLo: number, optHi: number): void => {\n      if (lo > hi) return;\n      const mid = (lo + hi) >> 1;\n      let best = Number.POSITIVE_INFINITY;\n      let bestM = Math.max(optLo, j);\n      for (let m = Math.max(optLo, j); m <= Math.min(mid, optHi); m++) {\n        const cost = (prior[m - 1] as number) + ssd(m, mid);\n        if (cost < best) {\n          best = cost;\n          bestM = m;\n        }\n      }\n      current[mid] = best;\n      split[mid] = bestM;\n      solve(lo, mid - 1, optLo, bestM);\n      solve(mid + 1, hi, bestM, optHi);\n    };\n    solve(j, d - 1, j, d - 1);\n    splits.push(split);\n    previous = current;\n  }\n\n  const uppers: number[] = [];\n  let end = d - 1;\n  for (let j = k - 1; j >= 1; j--) {\n    const start = (splits[j - 1] as Int32Array)[end] as number;\n    uppers.push(xs[start - 1] as number);\n    end = start - 1;\n  }\n  return [first, ...uppers.reverse(), last];\n}\n\n/** Linear interpolation through ascending `[x, y]` knots, clamped at both ends. */\nfunction interpolate(knots: readonly (readonly [number, number])[], x: number): number {\n  const head = knots[0] as readonly [number, number];\n  if (x <= head[0]) return head[1];\n  for (let i = 1; i < knots.length; i++) {\n    const [x1, y1] = knots[i] as readonly [number, number];\n    if (x <= x1) {\n      const [x0, y0] = knots[i - 1] as readonly [number, number];\n      return x1 === x0 ? y0 : y0 + ((y1 - y0) * (x - x0)) / (x1 - x0);\n    }\n  }\n  return (knots[knots.length - 1] as readonly [number, number])[1];\n}\n\n/** Drop interior breaks that repeat, so no class is empty by construction. */\nfunction uniqueBreaks(breaks: readonly number[]): number[] {\n  const out: number[] = [];\n  for (const b of breaks) if (out.length === 0 || b > (out[out.length - 1] as number)) out.push(b);\n  return out.length === 1 ? [out[0] as number, out[0] as number] : out;\n}\n\nfunction roundedBreaks(lo: number, hi: number, n: number): number[] {\n  const width = (hi - lo) / n;\n  const exponent = Math.floor(Math.log10(width));\n  // Divide by an integer power of ten below 1, so 0.3 stays 0.3 rather than 0.30000000000000004.\n  const round = (x: number) =>\n    exponent >= 0\n      ? Math.round(x / 10 ** exponent) * 10 ** exponent\n      : Math.round(x * 10 ** -exponent) / 10 ** -exponent;\n  return [lo, ...Array.from({ length: n - 1 }, (_, i) => round(lo + width * (i + 1))), hi];\n}\n\n/**\n * Colours for stepped classes. No centre: spread the whole ramp. A centre:\n * classes wholly at or below it take the ramp's lower arm, classes wholly\n * above it the upper arm (each spread from the centre outwards), and a class\n * that straddles it takes the middle token — so sign never changes hue\n * inside one class.\n */\nfunction stepColors(\n  bounds: readonly (readonly [number, number])[],\n  ramp: readonly string[],\n  center: number | null,\n): string[] {\n  if (center === null) return spread(ramp, bounds.length);\n  const middle = (ramp.length - 1) / 2;\n  const side = bounds.map(([from, to]) =>\n    from === to && from === center ? 0 : to <= center ? -1 : from >= center ? 1 : 0,\n  );\n  const lower = spread(ramp.slice(0, middle).reverse(), side.filter((s) => s < 0).length).reverse();\n  const upper = spread(ramp.slice(middle + 1), side.filter((s) => s > 0).length);\n  let l = 0;\n  let u = 0;\n  return side.map((s) =>\n    s < 0 ? (lower[l++] as string) : s > 0 ? (upper[u++] as string) : (ramp[middle] as string),\n  );\n}\n\n/** Index of the step `value` lands in: the first whose `to` is ≥ the clamped value. */\nfunction stepIndex(steps: readonly ColorScaleStep[], value: number): number {\n  for (let i = 0; i < steps.length; i++) if (value <= (steps[i] as ColorScaleStep).to) return i;\n  return steps.length - 1;\n}\n\nfunction categoricalScale(\n  values: readonly ColorScaleValue[],\n  spec: ColorScaleSpec,\n  method: ColorScaleMethod,\n): ColorScale {\n  const order = new Map<string | number, number>();\n  for (const value of values) {\n    const usable = (typeof value === \"string\" && value !== \"\") || isFiniteNumber(value);\n    if (usable && !order.has(value)) order.set(value, order.size);\n  }\n  const categories = [...order.keys()].map((value, i) => ({\n    value,\n    color: CATEGORICAL_SET[i % CATEGORICAL_SET.length] as string,\n  }));\n  const indexOf = (value: ColorScaleValue) =>\n    value === null || value === undefined ? -1 : (order.get(value) ?? -1);\n  return {\n    type: spec.type,\n    method,\n    palette: \"categorical\",\n    domain: null,\n    center: null,\n    steps: [],\n    stops: [],\n    categories,\n    colorOf: (value) => categories[indexOf(value)]?.color ?? null,\n    indexOf,\n    positionOf: () => null,\n  };\n}\n\n/**\n * Build a colour scale over `values`.\n *\n * ```ts\n * const scale = colorScaleFor(rows.map((r) => r.share), {\n *   type: \"stepped\",\n *   method: \"quantile\",\n *   steps: 5,\n * });\n * scale.colorOf(0.42); // \"var(--chart-seq-4)\"\n * scale.steps;         // five { from, to, color } classes for the legend\n * ```\n */\nexport function colorScaleFor(\n  values: readonly ColorScaleValue[],\n  spec: ColorScaleSpec,\n): ColorScale {\n  const continuous = spec.type === \"continuous\";\n  let method: ColorScaleMethod =\n    spec.method !== undefined &&\n    (continuous ? CONTINUOUS_METHODS : STEPPED_METHODS).has(spec.method)\n      ? spec.method\n      : continuous\n        ? \"linear\"\n        : \"equidistant\";\n  const domain = spec.domain?.every(isFiniteNumber) ? spec.domain : undefined;\n  const palette: ColorScalePalette =\n    spec.palette ?? (domain?.length === 3 ? \"diverging\" : \"sequential\");\n  if (palette === \"categorical\") return categoricalScale(values, spec, method);\n\n  const data = values.filter(isFiniteNumber);\n  // A loop, not `Math.min(...data)`: a spread of a 100k-row column overflows the call stack.\n  let lo = Number.POSITIVE_INFINITY;\n  let hi = Number.NEGATIVE_INFINITY;\n  for (const v of domain ? [domain[0], domain[domain.length - 1] as number] : data) {\n    if (v < lo) lo = v;\n    if (v > hi) hi = v;\n  }\n  const thresholds =\n    !continuous && method === \"custom\"\n      ? [...new Set((spec.breaks ?? []).filter(isFiniteNumber))].sort((a, b) => a - b)\n      : [];\n  if (method === \"custom\" && thresholds.length === 0) method = \"equidistant\";\n  if (thresholds.length > 0) {\n    lo = Math.min(lo, thresholds[0] as number);\n    hi = Math.max(hi, thresholds.at(-1) as number);\n  }\n\n  const noData = (): ColorScale => ({\n    type: spec.type,\n    method,\n    palette,\n    domain: null,\n    center: null,\n    steps: [],\n    stops: [],\n    categories: [],\n    colorOf: () => null,\n    indexOf: () => -1,\n    positionOf: () => null,\n  });\n  if (!Number.isFinite(lo) || !Number.isFinite(hi)) return noData();\n\n  const center =\n    domain?.length === 3\n      ? (domain[1] as number)\n      : palette === \"diverging\"\n        ? lo < 0 && hi > 0\n          ? 0\n          : (lo + hi) / 2\n        : null;\n  const ramp: readonly string[] = palette === \"diverging\" ? DIVERGING_RAMP : SEQUENTIAL_RAMP;\n  const sorted = data.map((v) => clamp(v, lo, hi)).sort((a, b) => a - b);\n  const needsData =\n    method === \"quantile\" || method === \"jenks\" || (continuous && method !== \"linear\");\n  if (needsData && sorted.length === 0) method = continuous ? \"linear\" : \"equidistant\";\n\n  let steps: ColorScaleStep[];\n  let stops: ColorScaleStop[] = [];\n  let positionOf: (value: number) => number;\n\n  if (lo === hi) {\n    // One value (or a zero-width domain): one class, painted as \"the value\".\n    const color = stepColors([[lo, hi]], ramp, center)[0] as string;\n    steps = [{ from: lo, to: hi, color }];\n    if (continuous) stops = [{ value: lo, color }];\n    const position = ramp.indexOf(color) / (ramp.length - 1);\n    positionOf = () => position;\n  } else if (continuous) {\n    // Knots map a value to its position on the ramp: the method's stops sit at\n    // evenly spaced positions, then a centre bends the map so it lands at 0.5.\n    let cuts: number[];\n    const quantiles = QUANTILE_STOPS[method as ContinuousColorScaleMethod];\n    if (quantiles !== undefined) {\n      cuts = Array.from({ length: quantiles + 1 }, (_, i) =>\n        i === 0 ? lo : i === quantiles ? hi : quantileSorted(sorted, i / quantiles),\n      );\n    } else if (method === \"natural\") {\n      const breaks = jenksBreaks(sorted, stepCount(spec.steps, DEFAULT_STEPS));\n      cuts = breaks.length > 2 ? [lo, ...breaks.slice(1, -1), hi] : [lo, hi];\n    } else {\n      cuts = [lo, hi];\n    }\n    let knots: [number, number][] = cuts.map((v, i) => [v, i / (cuts.length - 1)]);\n    if (center !== null) {\n      const pc = interpolate(knots, clamp(center, lo, hi));\n      const bend = (p: number) =>\n        pc <= 0\n          ? 0.5 + p / 2\n          : pc >= 1\n            ? p / 2\n            : p <= pc\n              ? (0.5 * p) / pc\n              : 0.5 + (0.5 * (p - pc)) / (1 - pc);\n      knots = knots.map(([v, p]) => [v, bend(p)]);\n      if (center > lo && center < hi) {\n        knots.push([center, 0.5]);\n        knots.sort((a, b) => a[0] - b[0] || a[1] - b[1]);\n      }\n    }\n    const inverse = knots.map(([v, p]) => [p, v] as [number, number]);\n    const last = ramp.length - 1;\n    const valueAt = (position: number) => interpolate(inverse, position);\n    steps = ramp.map((color, j) => ({\n      from: j === 0 ? lo : valueAt((j - 0.5) / last),\n      to: j === last ? hi : valueAt((j + 0.5) / last),\n      color,\n    }));\n    stops = ramp.map((color, j) => ({ value: valueAt(j / last), color }));\n    positionOf = (value) => interpolate(knots, value);\n  } else {\n    // Clamped to the ramp: a class the reader cannot tell from its neighbour is\n    // not a class. Nothing here can MIX two tokens (their values are only known\n    // once the browser resolves the theme), so the ramp's length IS the largest\n    // honest class count — 7 sequential, 5 diverging. `spec.steps` above that\n    // used to paint identical pairs and a legend that claimed the difference.\n    // `method: \"custom\"` is the one exception: the host named those breaks, so\n    // they are kept even when two of them land on one colour.\n    const n = Math.min(stepCount(spec.steps, DEFAULT_STEPS), ramp.length);\n    let breaks: number[];\n    if (method === \"custom\") breaks = [lo, ...thresholds, hi];\n    else if (method === \"quantile\")\n      breaks = Array.from({ length: n + 1 }, (_, i) =>\n        i === 0 ? lo : i === n ? hi : quantileSorted(sorted, i / n),\n      );\n    else if (method === \"jenks\") {\n      const natural = jenksBreaks(sorted, n);\n      breaks = [lo, ...natural.slice(1, -1), hi];\n    } else if (method === \"rounded\") breaks = roundedBreaks(lo, hi, n);\n    else\n      breaks = Array.from({ length: n + 1 }, (_, i) => (i === n ? hi : lo + ((hi - lo) * i) / n));\n    const unique = uniqueBreaks(breaks);\n    const bounds = unique\n      .slice(1)\n      .map((to, i): readonly [number, number] => [unique[i] as number, to]);\n    const colors = stepColors(bounds, ramp, center);\n    steps = bounds.map(([from, to], i) => ({ from, to, color: colors[i] as string }));\n    positionOf = (value) => {\n      const i = stepIndex(steps, value);\n      const { from, to } = steps[i] as ColorScaleStep;\n      const within = to === from ? 0.5 : (value - from) / (to - from);\n      return (i + clamp(within, 0, 1)) / steps.length;\n    };\n  }\n\n  const indexOf = (value: ColorScaleValue) =>\n    isFiniteNumber(value) ? stepIndex(steps, clamp(value, lo, hi)) : -1;\n  return {\n    type: spec.type,\n    method,\n    palette,\n    domain: [lo, hi],\n    center,\n    steps,\n    stops,\n    categories: [],\n    colorOf: (value) => steps[indexOf(value)]?.color ?? null,\n    indexOf,\n    positionOf: (value) => (isFiniteNumber(value) ? positionOf(clamp(value, lo, hi)) : null),\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-KBNWM27Q.js

@@ -0,0 +1,48 @@
+"use client";
+
+// src/lib/cn.ts
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+var TEXT_ROLES = [
+  "display-lg",
+  "display",
+  "title",
+  "subtitle",
+  "body",
+  "caption",
+  "meta",
+  "eyebrow",
+  "heading-xs",
+  "kpi",
+  "kpi-sm",
+  "code"
+];
+var isVarShorthand = (value) => /^\(--[\w-]+\)$/.test(value);
+var twMerge = extendTailwindMerge({
+  extend: {
+    classGroups: {
+      "font-size": [{ text: [...TEXT_ROLES, "table-header"] }],
+      leading: [{ leading: [isVarShorthand] }],
+      tracking: [{ tracking: [isVarShorthand] }],
+      // `font-display` is the display-face seam (sibling of font-mono, #187).
+      "font-family": [{ font: ["display"] }],
+      // Theme-driven control/table/surface knobs (themes.css § CONTROL UTILITIES
+      // and the `@theme inline` bridge) — so a caller's `h-8` / `rounded-none` /
+      // `font-bold` / `shadow-none` still replaces the token default.
+      "font-weight": [{ font: ["control", "table-header", "tabs-active"] }],
+      rounded: [{ rounded: ["control", "badge"] }],
+      shadow: [{ shadow: ["input", "card", "popover", "dialog"] }],
+      h: [{ h: ["control", "control-sm", "control-lg", "header"] }],
+      size: [{ size: ["control", "control-sm", "control-lg"] }],
+      "min-w": [{ "min-w": ["control", "control-sm", "control-lg"] }]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export {
+  cn
+};
+//# sourceMappingURL=chunk-KBNWM27Q.js.map

package/dist/chunk-KBNWM27Q.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/cn.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\n/**\n * The semantic type roles (`--text-<role>` tokens → `text-<role>` utilities, #187).\n * tailwind-merge doesn't know custom theme keys, so without registration it\n * classifies `text-title` as a text COLOR — and `cn(\"text-kpi\", \"text-foreground\")`\n * would silently drop the role. Registering the roles in the `font-size` class\n * group makes role-vs-role and role-vs-raw-size conflicts resolve correctly while\n * keeping role + color independent.\n */\nconst TEXT_ROLES = [\n  \"display-lg\",\n  \"display\",\n  \"title\",\n  \"subtitle\",\n  \"body\",\n  \"caption\",\n  \"meta\",\n  \"eyebrow\",\n  \"heading-xs\",\n  \"kpi\",\n  \"kpi-sm\",\n  \"code\",\n];\n\n/**\n * Tailwind v4's CSS-variable shorthand (`leading-(--card-title-leading)`).\n * tailwind-merge 2.x predates it and leaves such a class beside a caller's\n * `leading-tight`, letting stylesheet order pick the winner. A typed hint\n * (`text-(length:--x)`) is read as a variant prefix by 2.x and cannot be\n * registered — give that seam a named `@theme` utility instead\n * (`text-table-header`).\n */\nconst isVarShorthand = (value: string) => /^\\(--[\\w-]+\\)$/.test(value);\n\nconst twMerge = extendTailwindMerge({\n  extend: {\n    classGroups: {\n      \"font-size\": [{ text: [...TEXT_ROLES, \"table-header\"] }],\n      leading: [{ leading: [isVarShorthand] }],\n      tracking: [{ tracking: [isVarShorthand] }],\n      // `font-display` is the display-face seam (sibling of font-mono, #187).\n      \"font-family\": [{ font: [\"display\"] }],\n      // Theme-driven control/table/surface knobs (themes.css § CONTROL UTILITIES\n      // and the `@theme inline` bridge) — so a caller's `h-8` / `rounded-none` /\n      // `font-bold` / `shadow-none` still replaces the token default.\n      \"font-weight\": [{ font: [\"control\", \"table-header\", \"tabs-active\"] }],\n      rounded: [{ rounded: [\"control\", \"badge\"] }],\n      shadow: [{ shadow: [\"input\", \"card\", \"popover\", \"dialog\"] }],\n      h: [{ h: [\"control\", \"control-sm\", \"control-lg\", \"header\"] }],\n      size: [{ size: [\"control\", \"control-sm\", \"control-lg\"] }],\n      \"min-w\": [{ \"min-w\": [\"control\", \"control-sm\", \"control-lg\"] }],\n    },\n  },\n});\n\n/**\n * Merge class names with conflict resolution. `clsx` handles conditionals;\n * `tailwind-merge` ensures later Tailwind utilities win (e.g. `p-2 p-4` -> `p-4`).\n * Use this in every component that accepts a `className` prop.\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAAA,SAAS,YAA6B;AACtC,SAAS,2BAA2B;AAUpC,IAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAUA,IAAM,iBAAiB,CAAC,UAAkB,iBAAiB,KAAK,KAAK;AAErE,IAAM,UAAU,oBAAoB;AAAA,EAClC,QAAQ;AAAA,IACN,aAAa;AAAA,MACX,aAAa,CAAC,EAAE,MAAM,CAAC,GAAG,YAAY,cAAc,EAAE,CAAC;AAAA,MACvD,SAAS,CAAC,EAAE,SAAS,CAAC,cAAc,EAAE,CAAC;AAAA,MACvC,UAAU,CAAC,EAAE,UAAU,CAAC,cAAc,EAAE,CAAC;AAAA;AAAA,MAEzC,eAAe,CAAC,EAAE,MAAM,CAAC,SAAS,EAAE,CAAC;AAAA;AAAA;AAAA;AAAA,MAIrC,eAAe,CAAC,EAAE,MAAM,CAAC,WAAW,gBAAgB,aAAa,EAAE,CAAC;AAAA,MACpE,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,OAAO,EAAE,CAAC;AAAA,MAC3C,QAAQ,CAAC,EAAE,QAAQ,CAAC,SAAS,QAAQ,WAAW,QAAQ,EAAE,CAAC;AAAA,MAC3D,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,cAAc,cAAc,QAAQ,EAAE,CAAC;AAAA,MAC5D,MAAM,CAAC,EAAE,MAAM,CAAC,WAAW,cAAc,YAAY,EAAE,CAAC;AAAA,MACxD,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,cAAc,YAAY,EAAE,CAAC;AAAA,IAChE;AAAA,EACF;AACF,CAAC;AAOM,SAAS,MAAM,QAA8B;AAClD,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;","names":[]}

package/dist/chunk-KOVHUAHG.js

@@ -0,0 +1,164 @@
+"use client";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "./chunk-5RC32MZH.js";
+import {
+  CommandChip
+} from "./chunk-IHMFEPIT.js";
+import {
+  useControllableState
+} from "./chunk-5LCN5Q2L.js";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-U4LHV5DS.js";
+import {
+  Button
+} from "./chunk-VA2OONPE.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/integration-matrix/integration-matrix.tsx
+import { forwardRef } from "react";
+import { ArrowRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_INTEGRATION_MATRIX_LABELS = {
+  hostSelectLabel: "Show commands for",
+  hostSelectAriaLabel: "Host to show commands for",
+  unitHeading: "Unit",
+  givesHeading: "Gives you",
+  actionsHeading: "Actions",
+  routineHeading: "The daily routine"
+};
+function resolveCopyValue(value, hostId) {
+  if (typeof value === "string") return value;
+  return value[hostId] ?? Object.values(value)[0] ?? "";
+}
+var IntegrationMatrix = forwardRef(
+  function IntegrationMatrix2({
+    hosts,
+    rows,
+    routine,
+    value,
+    defaultValue,
+    onValueChange,
+    onCopyAction,
+    labels: labelsProp,
+    className,
+    ...props
+  }, ref) {
+    const labels = { ...DEFAULT_INTEGRATION_MATRIX_LABELS, ...labelsProp };
+    const [hostId, setHostId] = useControllableState(
+      value,
+      defaultValue ?? hosts[0]?.id ?? "",
+      onValueChange
+    );
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "integration-matrix",
+        className: cn("flex flex-col gap-6", className),
+        ...props,
+        children: [
+          hosts.length > 1 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-body text-muted-foreground", children: labels.hostSelectLabel }),
+            /* @__PURE__ */ jsxs(Select, { value: hostId, onValueChange: setHostId, children: [
+              /* @__PURE__ */ jsx(
+                SelectTrigger,
+                {
+                  "data-slot": "integration-matrix-host",
+                  "aria-label": labels.hostSelectAriaLabel,
+                  className: "min-w-40",
+                  children: /* @__PURE__ */ jsx(SelectValue, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(SelectContent, { children: hosts.map((host) => /* @__PURE__ */ jsx(SelectItem, { value: host.id, children: host.label }, host.id)) })
+            ] })
+          ] }) : null,
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 md:gap-0", children: [
+            /* @__PURE__ */ jsxs("div", { className: "hidden grid-cols-[minmax(0,1fr)_minmax(0,1.2fr)_minmax(0,1.6fr)] gap-4 border-b border-border-strong pb-2 md:grid", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-caption font-semibold text-muted-foreground", children: labels.unitHeading }),
+              /* @__PURE__ */ jsx("span", { className: "text-caption font-semibold text-muted-foreground", children: labels.givesHeading }),
+              /* @__PURE__ */ jsx("span", { className: "text-caption font-semibold text-muted-foreground", children: labels.actionsHeading })
+            ] }),
+            rows.map((row) => /* @__PURE__ */ jsxs(
+              "div",
+              {
+                "data-slot": "integration-matrix-row",
+                className: "grid grid-cols-1 gap-3 border-b py-4 last:border-b-0 md:grid-cols-[minmax(0,1fr)_minmax(0,1.2fr)_minmax(0,1.6fr)] md:items-center md:gap-4",
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-body font-medium text-foreground", children: row.unit }),
+                  /* @__PURE__ */ jsx("span", { className: "text-body text-muted-foreground", children: row.gives }),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      "data-slot": "integration-matrix-actions",
+                      className: "flex flex-wrap items-center gap-2",
+                      children: row.actions.map(
+                        (action) => action.kind === "copy" ? /* @__PURE__ */ jsx(
+                          CommandChip,
+                          {
+                            className: "max-w-full",
+                            hosts: [
+                              {
+                                id: "value",
+                                label: action.label,
+                                command: resolveCopyValue(action.value, hostId)
+                              }
+                            ],
+                            onCopyCommand: (text, copied) => onCopyAction?.(row.id, action.label, text, copied)
+                          },
+                          action.label
+                        ) : /* @__PURE__ */ jsx(Button, { variant: "link", size: "sm", asChild: true, children: /* @__PURE__ */ jsx("a", { href: resolveCopyValue(action.value, hostId), children: action.label }) }, action.label)
+                      )
+                    }
+                  )
+                ]
+              },
+              row.id
+            ))
+          ] }),
+          routine && routine.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-caption font-semibold text-muted-foreground", children: labels.routineHeading }),
+            /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                "data-slot": "integration-matrix-routine",
+                className: "flex flex-wrap items-center gap-2",
+                children: routine.map((step, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsxs(Tooltip, { children: [
+                    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        "data-slot": "integration-matrix-routine-step",
+                        tabIndex: 0,
+                        className: "inline-flex items-center rounded-md border border-input bg-card px-2.5 py-1 font-mono text-code text-foreground focus-ring",
+                        children: step.verb
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(TooltipContent, { children: step.does })
+                  ] }),
+                  index < routine.length - 1 ? /* @__PURE__ */ jsx(ArrowRight, { "aria-hidden": "true", className: "size-4 text-muted-foreground" }) : null
+                ] }, step.verb))
+              }
+            ) })
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+
+export {
+  DEFAULT_INTEGRATION_MATRIX_LABELS,
+  IntegrationMatrix
+};
+//# sourceMappingURL=chunk-KOVHUAHG.js.map

package/dist/chunk-KOVHUAHG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/integration-matrix/integration-matrix.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * IntegrationMatrix — every agent-facing integration unit, as installable rows.\n *\n * Ships no site copy, no URL and no install command of its own (`i18n-strings`,\n * `remote-origins`): every string, host and command text is a prop. A single host\n * selector at the top swaps every row's copy action at once, so a visitor picks\n * their tool once instead of re-reading each row for it.\n */\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport { ArrowRight } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { useControllableState } from \"../../lib/use-controllable-state\";\nimport { Button } from \"../button\";\nimport { CommandChip } from \"../command-chip\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../select\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../tooltip\";\n\n/** One host the visitor can pick — the selection swaps every row's copy action. */\nexport interface IntegrationMatrixHost {\n  /** Stable id, matched against each action's `value` map. */\n  id: string;\n  /** Shown in the selector. */\n  label: string;\n}\n\n/** One action a row offers: copy a command, or follow a link. */\nexport interface IntegrationMatrixAction {\n  /** Shown on the link button, or as the copy button's accessible name suffix. */\n  label: string;\n  kind: \"copy\" | \"link\";\n  /**\n   * `kind: \"copy\"` — the exact text per host id (a row that never changes by host\n   * repeats the same string under every id). `kind: \"link\"` — a single href string.\n   */\n  value: string | Record<string, string>;\n}\n\n/** One installable unit — hosted MCP, local MCP + CLI, the plugin, `llms.txt`, … */\nexport interface IntegrationMatrixRow {\n  id: string;\n  unit: string;\n  gives: string;\n  actions: IntegrationMatrixAction[];\n}\n\n/** One step of the routine line below the matrix (`info → search → docs → …`). */\nexport interface IntegrationMatrixRoutineStep {\n  verb: string;\n  /** Tooltip body — what the verb does. */\n  does: string;\n}\n\nexport interface IntegrationMatrixLabels {\n  /** Visible label beside the host selector. */\n  hostSelectLabel: string;\n  /** `aria-label` of the host `Select` trigger. */\n  hostSelectAriaLabel: string;\n  unitHeading: string;\n  givesHeading: string;\n  actionsHeading: string;\n  /** Heading above the routine chips. */\n  routineHeading: string;\n}\n\nexport const DEFAULT_INTEGRATION_MATRIX_LABELS: IntegrationMatrixLabels = {\n  hostSelectLabel: \"Show commands for\",\n  hostSelectAriaLabel: \"Host to show commands for\",\n  unitHeading: \"Unit\",\n  givesHeading: \"Gives you\",\n  actionsHeading: \"Actions\",\n  routineHeading: \"The daily routine\",\n};\n\nexport interface IntegrationMatrixProps extends HTMLAttributes<HTMLDivElement> {\n  hosts: IntegrationMatrixHost[];\n  rows: IntegrationMatrixRow[];\n  /** The routine strip below the matrix; omitted entirely when empty. */\n  routine?: IntegrationMatrixRoutineStep[];\n  /** Selected host id (controlled). */\n  value?: string;\n  /** Initially selected host id (uncontrolled). Default: the first host. */\n  defaultValue?: string;\n  /** Fires when the visitor picks another host. */\n  onValueChange?: (id: string) => void;\n  /** Fires after a copy attempt with the row id, the action label and the text. */\n  onCopyAction?: (rowId: string, actionLabel: string, text: string, copied: boolean) => void;\n  labels?: Partial<IntegrationMatrixLabels>;\n}\n\nfunction resolveCopyValue(value: string | Record<string, string>, hostId: string): string {\n  if (typeof value === \"string\") return value;\n  return value[hostId] ?? Object.values(value)[0] ?? \"\";\n}\n\nexport const IntegrationMatrix = forwardRef<HTMLDivElement, IntegrationMatrixProps>(\n  function IntegrationMatrix(\n    {\n      hosts,\n      rows,\n      routine,\n      value,\n      defaultValue,\n      onValueChange,\n      onCopyAction,\n      labels: labelsProp,\n      className,\n      ...props\n    },\n    ref,\n  ) {\n    const labels = { ...DEFAULT_INTEGRATION_MATRIX_LABELS, ...labelsProp };\n    const [hostId, setHostId] = useControllableState(\n      value,\n      defaultValue ?? hosts[0]?.id ?? \"\",\n      onValueChange,\n    );\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"integration-matrix\"\n        className={cn(\"flex flex-col gap-6\", className)}\n        {...props}\n      >\n        {hosts.length > 1 ? (\n          <div className=\"flex items-center gap-3\">\n            <span className=\"text-body text-muted-foreground\">{labels.hostSelectLabel}</span>\n            <Select value={hostId} onValueChange={setHostId}>\n              <SelectTrigger\n                data-slot=\"integration-matrix-host\"\n                aria-label={labels.hostSelectAriaLabel}\n                className=\"min-w-40\"\n              >\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {hosts.map((host) => (\n                  <SelectItem key={host.id} value={host.id}>\n                    {host.label}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n        ) : null}\n\n        {/* md+: a 3-column grid with a header row. Below md: stacked cards, one per row. */}\n        <div className=\"flex flex-col gap-4 md:gap-0\">\n          <div className=\"hidden grid-cols-[minmax(0,1fr)_minmax(0,1.2fr)_minmax(0,1.6fr)] gap-4 border-b border-border-strong pb-2 md:grid\">\n            <span className=\"text-caption font-semibold text-muted-foreground\">\n              {labels.unitHeading}\n            </span>\n            <span className=\"text-caption font-semibold text-muted-foreground\">\n              {labels.givesHeading}\n            </span>\n            <span className=\"text-caption font-semibold text-muted-foreground\">\n              {labels.actionsHeading}\n            </span>\n          </div>\n          {rows.map((row) => (\n            <div\n              key={row.id}\n              data-slot=\"integration-matrix-row\"\n              className=\"grid grid-cols-1 gap-3 border-b py-4 last:border-b-0 md:grid-cols-[minmax(0,1fr)_minmax(0,1.2fr)_minmax(0,1.6fr)] md:items-center md:gap-4\"\n            >\n              <span className=\"text-body font-medium text-foreground\">{row.unit}</span>\n              <span className=\"text-body text-muted-foreground\">{row.gives}</span>\n              <div\n                data-slot=\"integration-matrix-actions\"\n                className=\"flex flex-wrap items-center gap-2\"\n              >\n                {row.actions.map((action) =>\n                  action.kind === \"copy\" ? (\n                    <CommandChip\n                      key={action.label}\n                      className=\"max-w-full\"\n                      hosts={[\n                        {\n                          id: \"value\",\n                          label: action.label,\n                          command: resolveCopyValue(action.value, hostId),\n                        },\n                      ]}\n                      onCopyCommand={(text, copied) =>\n                        onCopyAction?.(row.id, action.label, text, copied)\n                      }\n                    />\n                  ) : (\n                    <Button key={action.label} variant=\"link\" size=\"sm\" asChild>\n                      <a href={resolveCopyValue(action.value, hostId)}>{action.label}</a>\n                    </Button>\n                  ),\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n\n        {routine && routine.length > 0 ? (\n          <div className=\"flex flex-col gap-3\">\n            <h3 className=\"text-caption font-semibold text-muted-foreground\">\n              {labels.routineHeading}\n            </h3>\n            <TooltipProvider>\n              <div\n                data-slot=\"integration-matrix-routine\"\n                className=\"flex flex-wrap items-center gap-2\"\n              >\n                {routine.map((step, index) => (\n                  <div key={step.verb} className=\"flex items-center gap-2\">\n                    <Tooltip>\n                      <TooltipTrigger asChild>\n                        <span\n                          data-slot=\"integration-matrix-routine-step\"\n                          tabIndex={0}\n                          className=\"inline-flex items-center rounded-md border border-input bg-card px-2.5 py-1 font-mono text-code text-foreground focus-ring\"\n                        >\n                          {step.verb}\n                        </span>\n                      </TooltipTrigger>\n                      <TooltipContent>{step.does}</TooltipContent>\n                    </Tooltip>\n                    {index < routine.length - 1 ? (\n                      <ArrowRight aria-hidden=\"true\" className=\"size-4 text-muted-foreground\" />\n                    ) : null}\n                  </div>\n                ))}\n              </div>\n            </TooltipProvider>\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n"],"mappings":"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","names":["IntegrationMatrix"]}

package/dist/chunk-KRVSD4OK.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-KRVSD4OK.js.map

package/dist/chunk-KRVSD4OK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-KTH3GWAL.js

@@ -0,0 +1,116 @@
+"use client";
+import {
+  ScrollArea
+} from "./chunk-UQHWOPUY.js";
+import {
+  ATTRIBUTIONS
+} from "./chunk-HANBQNW3.js";
+import {
+  Badge
+} from "./chunk-ECCNRCC4.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/attribution-panel/attribution-panel.tsx
+import { forwardRef, useId, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CATEGORY_ORDER = ["data", "source", "font", "dependency"];
+var CATEGORY_LABEL = {
+  data: "Map data & tiles",
+  source: "Adapted source",
+  font: "Fonts",
+  dependency: "Open-source dependencies"
+};
+function groupAttributions(attributions, {
+  categories,
+  packages,
+  requiredOnly
+}) {
+  const order = categories ?? CATEGORY_ORDER;
+  const visible = attributions.filter(
+    (a) => order.includes(a.category) && (!requiredOnly || a.required) && (!packages || a.usedBy.some((p) => packages.includes(p)))
+  );
+  return order.map((category) => ({ category, items: visible.filter((a) => a.category === category) })).filter((group) => group.items.length > 0);
+}
+function AttributionItem({ item, requiredLabel }) {
+  return /* @__PURE__ */ jsxs("li", { "data-slot": "attribution-panel-item", className: "flex flex-col gap-0.5 py-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [
+      item.url ? /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: item.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "text-body font-medium underline underline-offset-2 focus-ring rounded-xs",
+          children: item.name
+        }
+      ) : /* @__PURE__ */ jsx("span", { className: "text-body font-medium", children: item.name }),
+      item.version ? /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground tabular-nums", children: item.version }) : null,
+      /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground", children: item.license }),
+      item.required ? (
+        // Not colour-only: the badge carries the word itself (WCAG 1.4.1).
+        /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-meta", children: requiredLabel })
+      ) : null
+    ] }),
+    item.copyright ? /* @__PURE__ */ jsx("p", { className: "text-meta text-muted-foreground break-words", children: item.copyright }) : null,
+    item.note ? /* @__PURE__ */ jsx("p", { className: "text-meta text-muted-foreground", children: item.note }) : null
+  ] });
+}
+var AttributionPanel = forwardRef(
+  function AttributionPanel2({
+    attributions = ATTRIBUTIONS,
+    categories,
+    packages,
+    requiredOnly,
+    maxHeight,
+    className,
+    ...props
+  }, ref) {
+    const { t } = useLocale();
+    const baseId = useId();
+    const groups = useMemo(
+      () => groupAttributions(attributions, { categories, packages, requiredOnly }),
+      [attributions, categories, packages, requiredOnly]
+    );
+    const body = /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6", children: groups.map(({ category, items }) => /* @__PURE__ */ jsxs(
+      "section",
+      {
+        "data-slot": "attribution-panel-section",
+        "aria-labelledby": `${baseId}-${category}`,
+        children: [
+          /* @__PURE__ */ jsx("h3", { id: `${baseId}-${category}`, className: "text-subtitle text-foreground mb-1", children: CATEGORY_LABEL[category] }),
+          /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border", children: items.map((item) => /* @__PURE__ */ jsx(
+            AttributionItem,
+            {
+              item,
+              requiredLabel: t("ui.attributionPanel.required")
+            },
+            item.id
+          )) })
+        ]
+      },
+      category
+    )) });
+    return /* @__PURE__ */ jsx(
+      "section",
+      {
+        ref,
+        "data-slot": "attribution-panel",
+        "aria-label": t("ui.attributionPanel.label"),
+        className: cn("bg-card border border-border rounded-lg p-4", className),
+        ...props,
+        children: groups.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-body text-muted-foreground", children: t("ui.attributionPanel.empty") }) : maxHeight === void 0 ? body : /* @__PURE__ */ jsx(ScrollArea, { style: { maxHeight }, className: "pe-3", children: body })
+      }
+    );
+  }
+);
+
+export {
+  CATEGORY_LABEL,
+  AttributionPanel
+};
+//# sourceMappingURL=chunk-KTH3GWAL.js.map

package/dist/chunk-KTH3GWAL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/attribution-panel/attribution-panel.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useId, useMemo, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { Badge } from \"../badge\";\nimport { ScrollArea } from \"../scroll-area\";\nimport { useLocale } from \"../locale-provider\";\nimport { ATTRIBUTIONS } from \"./attributions.generated\";\nimport type { Attribution, AttributionCategory } from \"./attribution-types\";\n\n/**\n * Render order + the heading each group gets. `data` first because those are the\n * notices a licence obliges us to show; `dependency` last because it is the long\n * tail nobody scrolls to but everybody must be able to reach.\n */\nconst CATEGORY_ORDER: readonly AttributionCategory[] = [\"data\", \"source\", \"font\", \"dependency\"];\n\nconst CATEGORY_LABEL: Record<AttributionCategory, string> = {\n  data: \"Map data & tiles\",\n  source: \"Adapted source\",\n  font: \"Fonts\",\n  dependency: \"Open-source dependencies\",\n};\n\nexport interface AttributionPanelProps extends HTMLAttributes<HTMLElement> {\n  /**\n   * The notices to render. Defaults to the GENERATED dataset\n   * (`scripts/gen-attributions.mjs`), which is what keeps this panel accurate\n   * without anyone maintaining a list — override only to scope or to test.\n   */\n  attributions?: readonly Attribution[];\n  /** Restrict to these categories, in the panel's own order. Default: all. */\n  categories?: readonly AttributionCategory[];\n  /**\n   * Restrict to notices reachable through these packages — e.g. an app that only\n   * uses `…-ui` need not credit MapLibre's basemap providers. Matched against\n   * each entry's `usedBy`. Default: all.\n   */\n  packages?: readonly string[];\n  /** Show only the notices a licence obliges us to display. */\n  requiredOnly?: boolean;\n  /**\n   * Cap the body height and scroll inside it. Omit to let the panel grow and\n   * leave scrolling to the container (a Dialog body, a settings pane).\n   */\n  maxHeight?: number | string;\n}\n\n/** Filter + group in one pass so the render is a plain map over sections. */\nfunction groupAttributions(\n  attributions: readonly Attribution[],\n  {\n    categories,\n    packages,\n    requiredOnly,\n  }: Pick<AttributionPanelProps, \"categories\" | \"packages\" | \"requiredOnly\">,\n) {\n  const order = categories ?? CATEGORY_ORDER;\n  const visible = attributions.filter(\n    (a) =>\n      order.includes(a.category) &&\n      (!requiredOnly || a.required) &&\n      (!packages || a.usedBy.some((p) => packages.includes(p))),\n  );\n  return order\n    .map((category) => ({ category, items: visible.filter((a) => a.category === category) }))\n    .filter((group) => group.items.length > 0);\n}\n\nfunction AttributionItem({ item, requiredLabel }: { item: Attribution; requiredLabel: string }) {\n  return (\n    <li data-slot=\"attribution-panel-item\" className=\"flex flex-col gap-0.5 py-2\">\n      <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n        {item.url ? (\n          <a\n            href={item.url}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"text-body font-medium underline underline-offset-2 focus-ring rounded-xs\"\n          >\n            {item.name}\n          </a>\n        ) : (\n          <span className=\"text-body font-medium\">{item.name}</span>\n        )}\n        {item.version ? (\n          <span className=\"text-meta text-muted-foreground tabular-nums\">{item.version}</span>\n        ) : null}\n        <span className=\"text-meta text-muted-foreground\">{item.license}</span>\n        {item.required ? (\n          // Not colour-only: the badge carries the word itself (WCAG 1.4.1).\n          <Badge variant=\"outline\" className=\"text-meta\">\n            {requiredLabel}\n          </Badge>\n        ) : null}\n      </div>\n      {item.copyright ? (\n        <p className=\"text-meta text-muted-foreground break-words\">{item.copyright}</p>\n      ) : null}\n      {item.note ? <p className=\"text-meta text-muted-foreground\">{item.note}</p> : null}\n    </li>\n  );\n}\n\n/**\n * The single surface where brand-ui's third-party notices are displayed —\n * OSS dependencies, adapted source, self-hosted fonts, and the map data/tile\n * credits that a licence actually obliges the product to show.\n *\n * The content is GENERATED from the repo (`pnpm gen:attributions`, gated by\n * `pnpm attributions:check`), so it cannot drift from what is actually shipped\n * the way a hand-kept credits page does.\n *\n * **Why this exists:** `MapCanvas` disables MapLibre's in-map attribution\n * control by default, and the flow canvases hide the React Flow badge. The\n * React Flow badge is an MIT project's request and carries no condition, but the\n * default Carto basemap's OpenStreetMap data is ODbL-licensed and the credit is\n * REQUIRED — mounting this panel somewhere a user can reach (an About dialog, a\n * settings pane, a footer link) is what keeps that obligation met while the map\n * corner stays clean. Ship it, or turn the in-map control back on.\n */\nexport const AttributionPanel = forwardRef<HTMLElement, AttributionPanelProps>(\n  function AttributionPanel(\n    {\n      attributions = ATTRIBUTIONS,\n      categories,\n      packages,\n      requiredOnly,\n      maxHeight,\n      className,\n      ...props\n    },\n    ref,\n  ) {\n    const { t } = useLocale();\n    // Instance-scoped so two panels on one page (Storybook autodocs renders every\n    // story together) can't emit the same heading id — duplicate ids break the\n    // aria-labelledby target and fail axe.\n    const baseId = useId();\n    const groups = useMemo(\n      () => groupAttributions(attributions, { categories, packages, requiredOnly }),\n      [attributions, categories, packages, requiredOnly],\n    );\n\n    const body = (\n      <div className=\"flex flex-col gap-6\">\n        {groups.map(({ category, items }) => (\n          <section\n            key={category}\n            data-slot=\"attribution-panel-section\"\n            aria-labelledby={`${baseId}-${category}`}\n          >\n            <h3 id={`${baseId}-${category}`} className=\"text-subtitle text-foreground mb-1\">\n              {CATEGORY_LABEL[category]}\n            </h3>\n            <ul className=\"divide-y divide-border\">\n              {items.map((item) => (\n                <AttributionItem\n                  key={item.id}\n                  item={item}\n                  requiredLabel={t(\"ui.attributionPanel.required\")}\n                />\n              ))}\n            </ul>\n          </section>\n        ))}\n      </div>\n    );\n\n    return (\n      <section\n        ref={ref}\n        data-slot=\"attribution-panel\"\n        aria-label={t(\"ui.attributionPanel.label\")}\n        className={cn(\"bg-card border border-border rounded-lg p-4\", className)}\n        {...props}\n      >\n        {groups.length === 0 ? (\n          <p className=\"text-body text-muted-foreground\">{t(\"ui.attributionPanel.empty\")}</p>\n        ) : maxHeight === undefined ? (\n          body\n        ) : (\n          <ScrollArea style={{ maxHeight }} className=\"pe-3\">\n            {body}\n          </ScrollArea>\n        )}\n      </section>\n    );\n  },\n);\n\nexport { ATTRIBUTIONS, CATEGORY_LABEL };\nexport type { Attribution, AttributionCategory };\n"],"mappings":"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","names":["AttributionPanel"]}

package/dist/chunk-KUAVM54Y.js

@@ -0,0 +1,30 @@
+"use client";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/textarea/textarea.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var Textarea = forwardRef(function Textarea2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      ref,
+      className: cn(
+        "flex min-h-20 w-full rounded-control border border-input bg-input-background px-3 py-2 text-body shadow-input transition-[color,background-color,border-color,box-shadow] duration-fast ease-standard",
+        "placeholder:text-muted-foreground",
+        "focus-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background focus-visible:border-input-focus",
+        "disabled:cursor-not-allowed disabled:opacity-50 disabled:border-border",
+        "aria-[invalid=true]:border-destructive aria-[invalid=true]:ring-destructive",
+        className
+      ),
+      ...props
+    }
+  );
+});
+
+export {
+  Textarea
+};
+//# sourceMappingURL=chunk-KUAVM54Y.js.map

package/dist/chunk-KUAVM54Y.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/textarea/textarea.tsx"],"sourcesContent":["import { forwardRef, type TextareaHTMLAttributes } from \"react\";\nimport { cn } from \"../../lib/cn\";\n\nexport type TextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <textarea\n      ref={ref}\n      className={cn(\n        \"flex min-h-20 w-full rounded-control border border-input bg-input-background px-3 py-2 text-body shadow-input transition-[color,background-color,border-color,box-shadow] duration-fast ease-standard\",\n        \"placeholder:text-muted-foreground\",\n        \"focus-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background focus-visible:border-input-focus\",\n        \"disabled:cursor-not-allowed disabled:opacity-50 disabled:border-border\",\n        \"aria-[invalid=true]:border-destructive aria-[invalid=true]:ring-destructive\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n"],"mappings":";;;;;;AAAA,SAAS,kBAA+C;AAUpD;AALG,IAAM,WAAW,WAA+C,SAASA,UAC9E,EAAE,WAAW,GAAG,MAAM,GACtB,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;","names":["Textarea"]}

package/dist/chunk-KWQ6HV5Z.js

@@ -0,0 +1,97 @@
+"use client";
+import {
+  NumberInput
+} from "./chunk-4GQFIJAE.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/bounded-number/bounded-number.tsx
+import { forwardRef, useCallback, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var BoundedNumber = forwardRef(
+  function BoundedNumber2({
+    value: valueProp,
+    defaultValue,
+    onValueChange,
+    emptyLabel,
+    onFocus,
+    onBlur,
+    className,
+    ...props
+  }, ref) {
+    const { t } = useLocale();
+    const resolvedEmptyLabel = emptyLabel ?? t("ui.boundedNumber.emptyLabel");
+    const isControlled = valueProp !== void 0;
+    const [internalValue, setInternalValue] = useState(
+      defaultValue !== void 0 ? defaultValue : null
+    );
+    const [focused, setFocused] = useState(false);
+    const currentValue = isControlled ? valueProp : internalValue;
+    const handleValueChange = useCallback(
+      (next) => {
+        if (!isControlled) setInternalValue(next);
+        onValueChange?.(next);
+      },
+      [isControlled, onValueChange]
+    );
+    const handleFocus = useCallback(
+      (event) => {
+        setFocused(true);
+        onFocus?.(event);
+      },
+      [onFocus]
+    );
+    const handleBlur = useCallback(
+      (event) => {
+        setFocused(false);
+        onBlur?.(event);
+      },
+      [onBlur]
+    );
+    const showEmptyLabel = currentValue == null && !focused;
+    return (
+      // `className` lands on the ROOT (the positioning context), not on the
+      // inner `NumberInput`: a width utility on the inner control would resolve
+      // against a shrink-to-fit wrapper and silently do nothing, so
+      // `className="w-full"` could never widen the field. `w-36` is this
+      // preset's own default width (`NumberInput` itself is unconstrained and
+      // fills its container) — `cn()` lets the caller override it, and the
+      // inner `NumberInput` simply fills the root via `className="w-full"`.
+      /* @__PURE__ */ jsxs("div", { className: cn("relative inline-block w-36", className), "data-slot": "bounded-number", children: [
+        /* @__PURE__ */ jsx(
+          NumberInput,
+          {
+            ref,
+            value: currentValue,
+            onValueChange: handleValueChange,
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+            className: "w-full",
+            ...props
+          }
+        ),
+        showEmptyLabel && /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            "data-slot": "bounded-number-empty-label",
+            className: cn(
+              "pointer-events-none absolute inset-0 flex items-center justify-center",
+              "text-body text-muted-foreground"
+            ),
+            children: resolvedEmptyLabel
+          }
+        )
+      ] })
+    );
+  }
+);
+
+export {
+  BoundedNumber
+};
+//# sourceMappingURL=chunk-KWQ6HV5Z.js.map

package/dist/chunk-KWQ6HV5Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/bounded-number/bounded-number.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useCallback, useState, type FocusEvent, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { NumberInput, type NumberInputProps } from \"../number-input\";\nimport { useLocale } from \"../locale-provider\";\n\nexport interface BoundedNumberProps extends NumberInputProps {\n  /**\n   * Content shown in place of the value when the field is empty (`null`) and\n   * not focused — e.g. \"No limit\" for a capped setting with no cap set.\n   * Defaults to \"No limit\".\n   */\n  emptyLabel?: ReactNode;\n}\n\n/**\n * BoundedNumber — a `NumberInput` preset for a bounded numeric where \"empty\"\n * has a semantic meaning (\"No limit\") instead of reading as a blank box.\n *\n * Written reuse verdict (see #373): this wraps `NumberInput` rather than\n * reimplementing anything. `NumberInput` already does everything the value\n * needs — blur-only clamping (`clamp`, default true) and `null` as a real,\n * distinct empty state (`commit(null)` on empty blur). The only missing\n * behaviour is rendering that empty state as a meaningful label instead of a\n * blank input, which is exactly what this preset adds: an absolutely\n * positioned, `pointer-events-none` overlay shown only while the value is\n * `null` AND the field is not focused, so the underlying input stays fully\n * clickable/typable and still round-trips to `null` on an empty blur.\n */\nexport const BoundedNumber = forwardRef<HTMLInputElement, BoundedNumberProps>(\n  function BoundedNumber(\n    {\n      value: valueProp,\n      defaultValue,\n      onValueChange,\n      emptyLabel,\n      onFocus,\n      onBlur,\n      className,\n      ...props\n    },\n    ref,\n  ) {\n    const { t } = useLocale();\n    const resolvedEmptyLabel = emptyLabel ?? t(\"ui.boundedNumber.emptyLabel\");\n    const isControlled = valueProp !== undefined;\n    const [internalValue, setInternalValue] = useState<number | null>(\n      defaultValue !== undefined ? defaultValue : null,\n    );\n    const [focused, setFocused] = useState(false);\n    const currentValue = isControlled ? valueProp : internalValue;\n\n    const handleValueChange = useCallback(\n      (next: number | null) => {\n        if (!isControlled) setInternalValue(next);\n        onValueChange?.(next);\n      },\n      [isControlled, onValueChange],\n    );\n\n    const handleFocus = useCallback(\n      (event: FocusEvent<HTMLDivElement>) => {\n        setFocused(true);\n        onFocus?.(event);\n      },\n      [onFocus],\n    );\n\n    const handleBlur = useCallback(\n      (event: FocusEvent<HTMLDivElement>) => {\n        setFocused(false);\n        onBlur?.(event);\n      },\n      [onBlur],\n    );\n\n    const showEmptyLabel = currentValue == null && !focused;\n\n    return (\n      // `className` lands on the ROOT (the positioning context), not on the\n      // inner `NumberInput`: a width utility on the inner control would resolve\n      // against a shrink-to-fit wrapper and silently do nothing, so\n      // `className=\"w-full\"` could never widen the field. `w-36` is this\n      // preset's own default width (`NumberInput` itself is unconstrained and\n      // fills its container) — `cn()` lets the caller override it, and the\n      // inner `NumberInput` simply fills the root via `className=\"w-full\"`.\n      <div className={cn(\"relative inline-block w-36\", className)} data-slot=\"bounded-number\">\n        <NumberInput\n          ref={ref}\n          value={currentValue}\n          onValueChange={handleValueChange}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          className=\"w-full\"\n          {...props}\n        />\n        {showEmptyLabel && (\n          <span\n            aria-hidden=\"true\"\n            data-slot=\"bounded-number-empty-label\"\n            className={cn(\n              \"pointer-events-none absolute inset-0 flex items-center justify-center\",\n              \"text-body text-muted-foreground\",\n            )}\n          >\n            {resolvedEmptyLabel}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;AAEA,SAAS,YAAY,aAAa,gBAAiD;AAqF7E,SACE,KADF;AAzDC,IAAM,gBAAgB;AAAA,EAC3B,SAASA,eACP;AAAA,IACE,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,UAAM,EAAE,EAAE,IAAI,UAAU;AACxB,UAAM,qBAAqB,cAAc,EAAE,6BAA6B;AACxE,UAAM,eAAe,cAAc;AACnC,UAAM,CAAC,eAAe,gBAAgB,IAAI;AAAA,MACxC,iBAAiB,SAAY,eAAe;AAAA,IAC9C;AACA,UAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,UAAM,eAAe,eAAe,YAAY;AAEhD,UAAM,oBAAoB;AAAA,MACxB,CAAC,SAAwB;AACvB,YAAI,CAAC,aAAc,kBAAiB,IAAI;AACxC,wBAAgB,IAAI;AAAA,MACtB;AAAA,MACA,CAAC,cAAc,aAAa;AAAA,IAC9B;AAEA,UAAM,cAAc;AAAA,MAClB,CAAC,UAAsC;AACrC,mBAAW,IAAI;AACf,kBAAU,KAAK;AAAA,MACjB;AAAA,MACA,CAAC,OAAO;AAAA,IACV;AAEA,UAAM,aAAa;AAAA,MACjB,CAAC,UAAsC;AACrC,mBAAW,KAAK;AAChB,iBAAS,KAAK;AAAA,MAChB;AAAA,MACA,CAAC,MAAM;AAAA,IACT;AAEA,UAAM,iBAAiB,gBAAgB,QAAQ,CAAC;AAEhD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQE,qBAAC,SAAI,WAAW,GAAG,8BAA8B,SAAS,GAAG,aAAU,kBACrE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,OAAO;AAAA,YACP,eAAe;AAAA,YACf,SAAS;AAAA,YACT,QAAQ;AAAA,YACR,WAAU;AAAA,YACT,GAAG;AAAA;AAAA,QACN;AAAA,QACC,kBACC;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,aAAU;AAAA,YACV,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,SAEJ;AAAA;AAAA,EAEJ;AACF;","names":["BoundedNumber"]}