@reekon-tools/boldr-utils 1.11.0 → 1.13.0

package/dist/data/hooks/useAnnotationMutations.d.ts

@@ -0,0 +1,9 @@
+import type { AnnotationFile, ImageBlob, JobGroupScope, Patch, UploadedImageRef } from '../AnnotationDataProvider.js';
+export interface AnnotationMutations {
+    create(seed: Partial<AnnotationFile>): Promise<string>;
+    update(fileId: string, patch: Patch<AnnotationFile>): Promise<void>;
+    remove(fileId: string): Promise<void>;
+    uploadImage(fileId: string, role: 'background' | 'thumbnail', blob: ImageBlob): Promise<UploadedImageRef>;
+    deleteImage(fileId: string, storagePath: string): Promise<void>;
+}
+export declare const useAnnotationMutations: (scope: JobGroupScope) => AnnotationMutations;

package/dist/data/hooks/useAnnotationMutations.js

@@ -0,0 +1,11 @@
+import { useCallback, useMemo } from 'react';
+import { useAnnotationData } from '../AnnotationDataContext.js';
+export const useAnnotationMutations = (scope) => {
+    const provider = useAnnotationData();
+    const create = useCallback((seed) => provider.create(scope, seed), [provider, scope.orgId, scope.projectId, scope.jobId, scope.groupId]);
+    const update = useCallback((fileId, patch) => provider.update(scope, fileId, patch), [provider, scope.orgId, scope.projectId, scope.jobId, scope.groupId]);
+    const remove = useCallback((fileId) => provider.delete(scope, fileId), [provider, scope.orgId, scope.projectId, scope.jobId, scope.groupId]);
+    const uploadImage = useCallback((fileId, role, blob) => provider.uploadImage(scope, fileId, role, blob), [provider, scope.orgId, scope.projectId, scope.jobId, scope.groupId]);
+    const deleteImage = useCallback((fileId, storagePath) => provider.deleteImage(scope, fileId, storagePath), [provider, scope.orgId, scope.projectId, scope.jobId, scope.groupId]);
+    return useMemo(() => ({ create, update, remove, uploadImage, deleteImage }), [create, update, remove, uploadImage, deleteImage]);
+};

package/dist/exports.d.ts

@@ -29,8 +29,10 @@ export type { GestureConfig, PanTrigger, AnnotationCanvasInnerProps, } from './a
 export type { CanvasPointerEvent, RequestTextInput, ShapeDrawConfig, Tool, ToolContext, ToolState, } from './annotation/canvas/Tool.js';
 export type { MeasurementRef, PickMeasurement, } from './annotation/canvas/measurementPicker.js';
 export type { MeasurementStampRenderArgs, RenderMeasurementStamp, } from './annotation/canvas/measurementStampOverlay.js';
-export { STAMP_TILE_SIZE, GROUP_HEADER_TILE_WIDTH, GROUP_HEADER_TILE_HEIGHT, DEFAULT_TILE_SCALE, TILE_SCALE_MIN, TILE_SCALE_MAX, clampTileScale, resolveTileScaleFactor, tileDocSizeForFactor, tileScaleFromDocSize, stampTileSize, stampTileDims, isUnassociatedStamp, type StampTileDims, } from './annotation/canvas/stampLayout.js';
+export { STAMP_TILE_SIZE, GROUP_HEADER_TILE_WIDTH, GROUP_HEADER_TILE_HEIGHT, GROUP_HEADER_COLLAPSED_WIDTH, GROUP_HEADER_COLLAPSED_HEIGHT, GROUP_HEADER_DESIGN, groupHeaderBaseDims, DEFAULT_TILE_SCALE, TILE_SCALE_MIN, TILE_SCALE_MAX, clampTileScale, resolveTileScaleFactor, tileDocSizeForFactor, tileScaleFromDocSize, stampTileSize, stampTileDims, isUnassociatedStamp, type StampTileDims, } from './annotation/canvas/stampLayout.js';
+export { GROUP_HEADER_STYLE, describeGroupHeader, groupHeaderSignature, type GroupHeaderBadge, type GroupHeaderDescriptor, } from './annotation/canvas/groupHeaderLayout.js';
 export { createViewportApi, fitToScreen, fitRectToScreen, imageDocRect, panBy, zoomAt, DEFAULT_VIEWPORT, type ViewportApi, type ViewportState, } from './annotation/canvas/viewport.js';
+export { LEGACY_BACKGROUND_LAYER_ID, BACKGROUND_PLACEMENT_GAP_RATIO, backgroundLayersOf, backgroundLayerDocRect, backgroundLayersUnionRect, placeNewBackgroundLayer, } from './annotation/canvas/backgroundLayers.js';
 export { createPenTool, type PenToolOptions, } from './annotation/canvas/tools/penTool.js';
 export { createSelectTool, type SelectToolOptions, } from './annotation/canvas/tools/selectTool.js';
 export { createMeasurementStampTool, type MeasurementStampToolOptions, } from './annotation/canvas/tools/measurementStampTool.js';

package/dist/exports.js

@@ -34,8 +34,10 @@ export { useAnnotationMutations, } from './annotation/data/hooks/useAnnotationMu
 export { useAnnotationCanvasDoc, } from './annotation/data/hooks/useAnnotationCanvasDoc.js';
 export { hydrateCanvasState } from './annotation/data/canvasPersistence.js';
 export { InMemoryAnnotationProvider } from './annotation/data/InMemoryAnnotationProvider.js';
-export { STAMP_TILE_SIZE, GROUP_HEADER_TILE_WIDTH, GROUP_HEADER_TILE_HEIGHT, DEFAULT_TILE_SCALE, TILE_SCALE_MIN, TILE_SCALE_MAX, clampTileScale, resolveTileScaleFactor, tileDocSizeForFactor, tileScaleFromDocSize, stampTileSize, stampTileDims, isUnassociatedStamp, } from './annotation/canvas/stampLayout.js';
+export { STAMP_TILE_SIZE, GROUP_HEADER_TILE_WIDTH, GROUP_HEADER_TILE_HEIGHT, GROUP_HEADER_COLLAPSED_WIDTH, GROUP_HEADER_COLLAPSED_HEIGHT, GROUP_HEADER_DESIGN, groupHeaderBaseDims, DEFAULT_TILE_SCALE, TILE_SCALE_MIN, TILE_SCALE_MAX, clampTileScale, resolveTileScaleFactor, tileDocSizeForFactor, tileScaleFromDocSize, stampTileSize, stampTileDims, isUnassociatedStamp, } from './annotation/canvas/stampLayout.js';
+export { GROUP_HEADER_STYLE, describeGroupHeader, groupHeaderSignature, } from './annotation/canvas/groupHeaderLayout.js';
 export { createViewportApi, fitToScreen, fitRectToScreen, imageDocRect, panBy, zoomAt, DEFAULT_VIEWPORT, } from './annotation/canvas/viewport.js';
+export { LEGACY_BACKGROUND_LAYER_ID, BACKGROUND_PLACEMENT_GAP_RATIO, backgroundLayersOf, backgroundLayerDocRect, backgroundLayersUnionRect, placeNewBackgroundLayer, } from './annotation/canvas/backgroundLayers.js';
 export { createPenTool, } from './annotation/canvas/tools/penTool.js';
 export { createSelectTool, } from './annotation/canvas/tools/selectTool.js';
 export { createMeasurementStampTool, } from './annotation/canvas/tools/measurementStampTool.js';

package/dist/hooks/useParseMeasurement.d.ts

@@ -0,0 +1,4 @@
+export declare const useParseMeasurement: () => {
+    parseMeasurementInput: (input: string, defaultUnit?: string) => number | null;
+    error: string | null;
+};

package/dist/hooks/useParseMeasurement.js

@@ -0,0 +1,14 @@
+import { useState } from 'react';
+import { parseMeasurement } from '../utils/parseMeasurement.js';
+export const useParseMeasurement = () => {
+    const [error, setError] = useState(null);
+    const parseMeasurementInput = (input, defaultUnit = 'mm') => {
+        setError(null);
+        const result = parseMeasurement(input, defaultUnit);
+        if (result === null) {
+            setError('Invalid measurement. Please provide a valid number and unit.');
+        }
+        return result;
+    };
+    return { parseMeasurementInput, error };
+};

package/dist/types/annotation.d.ts

@@ -54,6 +54,7 @@ export interface PlacedMeasurementRef {
     groupId?: string;
     columnId?: string;
     isGroupHeader?: boolean;
+    collapsed?: boolean;
     anchor: Vec2;
     placement?: MeasurementPlacement;
     line?: {
@@ -96,11 +97,27 @@ export interface AnnotationBackgroundImage {
     heightPx: number;
     format?: 'raster' | 'svg';
 }
+export interface BackgroundLayerTransform {
+    x: number;
+    y: number;
+    scaleX: number;
+    scaleY: number;
+}
+export interface AnnotationBackgroundLayer {
+    id: AnnotationElementId;
+    storagePath: string;
+    downloadUrl: string;
+    widthPx: number;
+    heightPx: number;
+    format?: 'raster' | 'svg';
+    transform: BackgroundLayerTransform;
+}
 export interface AnnotationViewport {
     width: number;
     height: number;
     backgroundImage?: AnnotationBackgroundImage;
     backgroundFit?: BackgroundFit;
+    backgroundImages?: AnnotationBackgroundLayer[];
 }
 export type TileScalePlatform = 'web' | 'mobile';
 export interface AnnotationCanvasState {
@@ -155,6 +172,17 @@ export type AnnotationPatchOp = {
 } | {
     op: 'removeMeasurement';
     id: AnnotationElementId;
+} | {
+    op: 'addBackgroundImage';
+    image: AnnotationBackgroundLayer;
+    index?: number;
+} | {
+    op: 'updateBackgroundImage';
+    id: AnnotationElementId;
+    patch: Partial<Omit<AnnotationBackgroundLayer, 'id'>>;
+} | {
+    op: 'removeBackgroundImage';
+    id: AnnotationElementId;
 } | {
     op: 'setViewport';
     patch: Partial<AnnotationViewport>;

package/dist/types/annotation.js

@@ -1,3 +1,4 @@
+import { backgroundLayersOf } from '../annotation/canvas/backgroundLayers.js';
 export const DEFAULT_LAYER_ID = 'default';
 export const createDefaultLayer = () => ({
     id: DEFAULT_LAYER_ID,
@@ -20,11 +21,40 @@ export const createEmptyCanvasState = (viewport) => ({
         ...(viewport?.backgroundFit !== undefined
             ? { backgroundFit: viewport.backgroundFit }
             : {}),
+        ...(viewport?.backgroundImages !== undefined
+            ? { backgroundImages: viewport.backgroundImages }
+            : {}),
     },
     strokes: [],
     shapes: [],
     placedMeasurements: [],
 });
+// Layer 0 projected into the legacy single-slot shape. The transform is
+// dropped — old clients draw the legacy field fit-centered, an accepted
+// degradation. `format` is included only when defined so the mirror survives
+// the write path's JSON round-trip without changing shape.
+const legacyBackgroundOf = (layer) => ({
+    storagePath: layer.storagePath,
+    downloadUrl: layer.downloadUrl,
+    widthPx: layer.widthPx,
+    heightPx: layer.heightPx,
+    ...(layer.format ? { format: layer.format } : {}),
+});
+// Every background mutation lands here: it writes the (already-normalized)
+// layer array and mirrors layer 0 into the legacy slot, so old clients —
+// which read only `backgroundImage` and rewrite the whole canvas on save —
+// keep rendering the first image instead of persisting its loss. An empty
+// stack sets BOTH fields to explicit `undefined`: the write path's JSON
+// round-trip strips those keys (Firestore rejects undefined values).
+// `backgroundFit` is left alone — it belongs to the legacy render path.
+const withBackgroundLayers = (state, layers) => ({
+    ...state,
+    viewport: {
+        ...state.viewport,
+        backgroundImages: layers.length > 0 ? layers : undefined,
+        backgroundImage: layers.length > 0 ? legacyBackgroundOf(layers[0]) : undefined,
+    },
+});
 // Apply an in-memory patch to a canvas state. Pure — returns a new object.
 // Used by the canvas reducer and by InMemoryAnnotationProvider; consumers
 // can also call this when they receive a patch from the canvas to compute
@@ -71,6 +101,22 @@ const applyOp = (state, op) => {
                 ...state,
                 placedMeasurements: state.placedMeasurements.filter((m) => m.id !== op.id),
             };
+        case 'addBackgroundImage': {
+            const layers = backgroundLayersOf(state.viewport);
+            // Clamp so a stale index (e.g. an undo replayed after a concurrent
+            // removal) can never create a sparse array — a hole becomes `null`
+            // through the write path's JSON round-trip and corrupts the doc.
+            const index = Math.max(0, Math.min(op.index ?? layers.length, layers.length));
+            return withBackgroundLayers(state, [
+                ...layers.slice(0, index),
+                op.image,
+                ...layers.slice(index),
+            ]);
+        }
+        case 'updateBackgroundImage':
+            return withBackgroundLayers(state, backgroundLayersOf(state.viewport).map((l) => l.id === op.id ? { ...l, ...op.patch } : l));
+        case 'removeBackgroundImage':
+            return withBackgroundLayers(state, backgroundLayersOf(state.viewport).filter((l) => l.id !== op.id));
         case 'setViewport':
             return { ...state, viewport: { ...state.viewport, ...op.patch } };
         case 'setTileScaleFactor':
@@ -148,6 +194,28 @@ const invertOp = (before, op) => {
             }
             return { op: 'updateMeasurement', id: op.id, patch: inversePatch };
         }
+        case 'addBackgroundImage':
+            return { op: 'removeBackgroundImage', id: op.image.id };
+        case 'removeBackgroundImage': {
+            // Invert against the NORMALIZED stack: the before-state may hold only
+            // the legacy single field (the op being inverted is what materialized
+            // the array), and undo must still restore that layer — at its index.
+            const layers = backgroundLayersOf(before.viewport);
+            const index = layers.findIndex((l) => l.id === op.id);
+            return index >= 0
+                ? { op: 'addBackgroundImage', image: layers[index], index }
+                : null;
+        }
+        case 'updateBackgroundImage': {
+            const prev = backgroundLayersOf(before.viewport).find((l) => l.id === op.id);
+            if (!prev)
+                return null;
+            const inversePatch = {};
+            for (const k of Object.keys(op.patch)) {
+                inversePatch[k] = prev[k];
+            }
+            return { op: 'updateBackgroundImage', id: op.id, patch: inversePatch };
+        }
         case 'setViewport': {
             const inversePatch = {};
             for (const k of Object.keys(op.patch)) {

package/dist/utils/evaluateFormula.d.ts

@@ -0,0 +1,20 @@
+type MeasurementMap = Map<string, {
+    id: string;
+    value: number;
+}[]>;
+interface FormulaEvaluationOptions {
+    expression: string;
+    mappings: Record<string, string>;
+    group: {
+        id: string;
+        columns: Map<string, any>;
+    };
+    columns: {
+        id: string;
+        type: string;
+    }[];
+    measurementMap: MeasurementMap;
+    defaultUnit?: string;
+}
+export declare function evaluateFormula({ expression, mappings, group, columns, measurementMap, defaultUnit, }: FormulaEvaluationOptions): number | string;
+export {};

package/dist/utils/evaluateFormula.js

@@ -0,0 +1,31 @@
+import { create, all } from 'mathjs';
+const math = create(all);
+export function evaluateFormula({ expression, mappings, group, columns, measurementMap, defaultUnit = 'um', }) {
+    const scope = {};
+    for (const [variable, columnId] of Object.entries(mappings)) {
+        const rawValue = group.columns.get(columnId);
+        const columnDef = columns.find((c) => c.id === columnId);
+        if (columnDef?.type === 'Measurement') {
+            const groupMeasurements = measurementMap.get(group.id) || [];
+            const measurement = groupMeasurements.find((m) => m.id === rawValue);
+            if (measurement?.value !== undefined) {
+                scope[variable] = math.unit(measurement.value, defaultUnit);
+                continue;
+            }
+        }
+        const parsedValue = typeof rawValue === 'number' ? rawValue : parseFloat(rawValue || '');
+        scope[variable] = isNaN(parsedValue) ? 0 : parsedValue;
+    }
+    try {
+        const compiled = math.compile(expression);
+        const result = compiled.evaluate(scope);
+        if (math.typeOf(result) === 'Unit') {
+            return result.toNumber(defaultUnit);
+        }
+        return result;
+    }
+    catch (err) {
+        console.error(`Formula evaluation failed:`, err);
+        return 'Error';
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reekon-tools/boldr-utils",
-  "version": "1.11.0",
+  "version": "1.13.0",
   "description": "Shared utilities for formulas and measurement conversion used in Reekon apps",
   "author": "REEKON Tools",
   "license": "MIT",

package/dist/theme/index.d.ts

@@ -1,3 +0,0 @@
-export * from './colors.js';
-export * from './semantic.js';
-export * from './preset.js';

package/dist/theme/index.js

@@ -1,3 +0,0 @@
-export * from './colors.js';
-export * from './semantic.js';
-export * from './preset.js';

package/dist/theme/preset.d.ts

@@ -1,120 +0,0 @@
-/**
- * Shared Tailwind preset. COLORS ONLY, by design.
- *
- * Must never define `content`, `plugins`, `presets`, or `darkMode`:
- * NativeWind recurses `config.presets[].presets` hunting for its own marker
- * preset, and a `content` key here would silently narrow the consuming app's
- * globs.
- *
- * Consumed from CJS Tailwind configs, so this is a NAMED export with no
- * default — that keeps ESM/CJS interop semantics irrelevant:
- *
- *   const { boldrPreset } = require('@reekon-tools/boldr-utils/theme/preset');
- *   module.exports = { presets: [require('nativewind/preset'), boldrPreset] };
- *
- * Tailwind loads configs through jiti + sucrase, so requiring this ESM file
- * from a CJS config works regardless of Node version.
- *
- * Note that Tailwind merges `theme.extend` per key with the *app* winning, and
- * replaces a color key wholesale rather than deep-merging. An app that keeps
- * its own `colors.background` will silently shadow this preset.
- */
-export declare const boldrPreset: {
-    theme: {
-        extend: {
-            colors: {
-                background: "#1D1F21";
-                foreground: {
-                    DEFAULT: "#FFFFFF";
-                    disabled: "#626364";
-                };
-                card: {
-                    DEFAULT: "#2B2C2E";
-                    foreground: "#FFFFFF";
-                };
-                popover: {
-                    DEFAULT: "#2B2C2E";
-                    foreground: "#FFFFFF";
-                };
-                muted: {
-                    DEFAULT: "#424345";
-                    foreground: "#9FA0A2";
-                };
-                accent: {
-                    DEFAULT: "#424345";
-                    foreground: "#FFFFFF";
-                };
-                secondary: {
-                    DEFAULT: "#424345";
-                    foreground: "#FFFFFF";
-                };
-                border: {
-                    DEFAULT: "#424345";
-                    strong: "#626364";
-                };
-                input: "#424345";
-                ring: "#FFAD00";
-                primary: {
-                    DEFAULT: "#FFAD00";
-                    foreground: "#1D1F21";
-                };
-                destructive: {
-                    DEFAULT: "#DF6358";
-                    foreground: "#1D1F21";
-                };
-                elevated: {
-                    DEFAULT: "#424345";
-                    foreground: "#FFFFFF";
-                };
-                interactive: {
-                    DEFAULT: "#0066FF";
-                    foreground: "#FFFFFF";
-                };
-                nav: {
-                    DEFAULT: "#2D3843";
-                    foreground: "#FFFFFF";
-                };
-                paper: {
-                    DEFAULT: "#E8EAED";
-                    foreground: "#1D1F21";
-                    field: "#FFFFFF";
-                    line: "#BCBEC2";
-                    muted: "#626364";
-                };
-                tile: {
-                    foreground: "#FFFFFF";
-                    measurement: {
-                        DEFAULT: "#0066FF";
-                        badge: "#50A6FF";
-                    };
-                    formula: {
-                        DEFAULT: "#BD30A8";
-                        badge: "#6C155F";
-                    };
-                    count: {
-                        DEFAULT: "#02274B";
-                        foreground: "#FFFFFF";
-                    };
-                };
-                diagram: {
-                    1: "#2E4C6A";
-                    2: "#4B6074";
-                    3: "#67819A";
-                };
-                tolerance: {
-                    in: {
-                        DEFAULT: "#58A942";
-                        warning: "#00E920";
-                        muted: "#8BB380";
-                    };
-                    out: {
-                        DEFAULT: "#E83D2F";
-                        warning: "#DA1100";
-                        muted: "#DF6358";
-                    };
-                };
-            };
-        };
-    };
-};
-export type BoldrPreset = typeof boldrPreset;

package/dist/theme/preset.js

@@ -1,25 +0,0 @@
-import { boldrColors } from './semantic.js';
-/**
- * Shared Tailwind preset. COLORS ONLY, by design.
- *
- * Must never define `content`, `plugins`, `presets`, or `darkMode`:
- * NativeWind recurses `config.presets[].presets` hunting for its own marker
- * preset, and a `content` key here would silently narrow the consuming app's
- * globs.
- *
- * Consumed from CJS Tailwind configs, so this is a NAMED export with no
- * default — that keeps ESM/CJS interop semantics irrelevant:
- *
- *   const { boldrPreset } = require('@reekon-tools/boldr-utils/theme/preset');
- *   module.exports = { presets: [require('nativewind/preset'), boldrPreset] };
- *
- * Tailwind loads configs through jiti + sucrase, so requiring this ESM file
- * from a CJS config works regardless of Node version.
- *
- * Note that Tailwind merges `theme.extend` per key with the *app* winning, and
- * replaces a color key wholesale rather than deep-merging. An app that keeps
- * its own `colors.background` will silently shadow this preset.
- */
-export const boldrPreset = {
-    theme: { extend: { colors: boldrColors } },
-};

package/dist/theme/semantic.d.ts

@@ -1,136 +0,0 @@
-/**
- * Structural shape of a Tailwind `theme.extend.colors` tree.
- *
- * Declared locally on purpose: annotating with tailwindcss's own `Config` type
- * would put `import type { Config } from 'tailwindcss'` into the emitted .d.ts
- * and make tailwindcss a hard type dependency of this package.
- */
-export type ColorTree = {
-    [key: string]: string | ColorTree;
-};
-/**
- * Semantic design tokens — the layer apps actually consume.
- *
- * `colors.ts` is the palette (raw Figma variables, named by value).
- * This file maps those values onto *roles*, and is the only color surface the
- * apps should reference. The raw palette is deliberately NOT exposed as Tailwind
- * classes; naming by value is how both apps accumulated hundreds of arbitrary
- * hex classes in the first place.
- *
- * The shadcn/ui token names (background, card, popover, foreground, muted,
- * accent, secondary, border, input, ring, primary, destructive) are reused
- * rather than paralleled, so every shadcn component is re-skinned without any
- * component edits and `shadcn add` keeps generating markup that lands on these
- * tokens.
- *
- * The design is dark-only. The light calculator / form surfaces are the
- * explicitly-named `paper.*` tokens, not a light/dark variant pair — on native
- * NativeWind's `dark:` variant is global, and portal-rendered surfaces
- * (bottom sheets, dialogs, selects) mount outside any scoped subtree, so a
- * scoped override would leak dark chrome onto a light page.
- */
-export declare const boldrColors: {
-    background: "#1D1F21";
-    foreground: {
-        DEFAULT: "#FFFFFF";
-        disabled: "#626364";
-    };
-    card: {
-        DEFAULT: "#2B2C2E";
-        foreground: "#FFFFFF";
-    };
-    popover: {
-        DEFAULT: "#2B2C2E";
-        foreground: "#FFFFFF";
-    };
-    muted: {
-        DEFAULT: "#424345";
-        foreground: "#9FA0A2";
-    };
-    accent: {
-        DEFAULT: "#424345";
-        foreground: "#FFFFFF";
-    };
-    secondary: {
-        DEFAULT: "#424345";
-        foreground: "#FFFFFF";
-    };
-    border: {
-        DEFAULT: "#424345";
-        strong: "#626364";
-    };
-    input: "#424345";
-    ring: "#FFAD00";
-    primary: {
-        DEFAULT: "#FFAD00";
-        foreground: "#1D1F21";
-    };
-    destructive: {
-        DEFAULT: "#DF6358";
-        foreground: "#1D1F21";
-    };
-    /** Chips, inset controls, thumbnail placeholders. */
-    elevated: {
-        DEFAULT: "#424345";
-        foreground: "#FFFFFF";
-    };
-    /**
-     * Steppers and other interactive fills. FILL ONLY — #0066FF as text on
-     * #2B2C2E is 2.89:1. Never `text-interactive`.
-     */
-    interactive: {
-        DEFAULT: "#0066FF";
-        foreground: "#FFFFFF";
-    };
-    /** Nav chrome (the web app's sidebar). */
-    nav: {
-        DEFAULT: "#2D3843";
-        foreground: "#FFFFFF";
-    };
-    paper: {
-        DEFAULT: "#E8EAED";
-        foreground: "#1D1F21";
-        field: "#FFFFFF";
-        line: "#BCBEC2";
-        muted: "#626364";
-    };
-    tile: {
-        /**
-         * Ink for any tile fill — `text-tile-foreground`. Shared across the
-         * measurement and formula variants because both carry white type; keeping it
-         * at the family level avoids two identical `foreground` keys that could
-         * drift apart by accident.
-         */
-        foreground: "#FFFFFF";
-        measurement: {
-            DEFAULT: "#0066FF";
-            badge: "#50A6FF";
-        };
-        formula: {
-            DEFAULT: "#BD30A8";
-            badge: "#6C155F";
-        };
-        count: {
-            DEFAULT: "#02274B";
-            foreground: "#FFFFFF";
-        };
-    };
-    diagram: {
-        1: "#2E4C6A";
-        2: "#4B6074";
-        3: "#67819A";
-    };
-    tolerance: {
-        in: {
-            DEFAULT: "#58A942";
-            warning: "#00E920";
-            muted: "#8BB380";
-        };
-        out: {
-            DEFAULT: "#E83D2F";
-            warning: "#DA1100";
-            muted: "#DF6358";
-        };
-    };
-};
-export type BoldrColors = typeof boldrColors;