@ksp-gonogo/ui-kit 0.1.0 → 0.2.0-rc.10

package/dist/units-Cl-8ZdJc.d.ts

@@ -0,0 +1,270 @@
+import { DeclaredUnit, UnitDeclarations, UnitRung } from '@ksp-gonogo/sitrep-sdk';
+
+/**
+ * What the declaration says `Unit` measures, or `never` for a symbol nothing
+ * declares.
+ *
+ * Every type in this module reads `UnitDeclarations` and nothing else, which is
+ * what makes a unit an Uplink merges into it indistinguishable here from a
+ * first-party one.
+ */
+type KindOfSymbol<Unit extends string> = Unit extends DeclaredUnit ? UnitDeclarations[Unit] extends {
+    kind: infer Kind;
+} ? Kind : never : never;
+/** Every declared symbol that measures `Kind`. */
+type SymbolsOfKind<Kind> = {
+    [Unit in DeclaredUnit]: KindOfSymbol<Unit> extends Kind ? Unit : never;
+}[DeclaredUnit];
+/** The ladder `Unit` is declared on, or `never` for a unit that climbs none. */
+type LadderOfSymbol<Unit extends string> = Unit extends DeclaredUnit ? UnitDeclarations[Unit] extends {
+    ladder: infer Ladder extends string;
+} ? Ladder : never : never;
+/**
+ * Every symbol of kind `Kind` that exists only as a conversion TARGET (`°C`),
+ * which the declarations do not name and {@link kindOfConversion} still
+ * resolves. A pair whose source is itself undeclared is skipped, or `°C→K`
+ * would make every kind accept `K`.
+ */
+type ConversionTargetsOfKind<Kind> = {
+    [Conversion in keyof typeof CONVERSIONS]: Conversion extends `${infer Source}→${infer Target}` ? [KindOfSymbol<Source>] extends [never] ? never : [KindOfSymbol<Source>] extends [Kind] ? Target : never : never;
+}[keyof typeof CONVERSIONS];
+/**
+ * Every unit that measures the same thing as `Unit`, which is exactly the set a
+ * value in `Unit` may be re-expressed in.
+ *
+ * This is what makes `format="km/h"` check on a speed and fail on a length. A
+ * unit an Uplink declares in `UnitDeclarations` widens the accepted set.
+ *
+ * A literal symbol nothing declares accepts no format at all, since there is no
+ * kind to check the request against. Only a wide `string` accepts any string.
+ *
+ * @category Unit
+ */
+type FormatsFor<Unit extends string> = string extends Unit ? string : FormatsForKind<KindOfSymbol<Unit>>;
+/**
+ * {@link FormatsFor}, asked of the KIND rather than of one of its units, for a
+ * pin addressed to a whole group that has no single unit to check against.
+ *
+ * @category Unit
+ */
+type FormatsForKind<Kind> = SymbolsOfKind<Kind>;
+/**
+ * Every unit a value in `Unit` may be SHOWN as, which is every unit of its kind
+ * plus the presentation-only ones the conversion table reaches.
+ *
+ * Wider than {@link FormatsFor} by exactly the symbols that are not on the
+ * wire: `format` pins a rung, `as` re-expresses, so `°C` belongs only to `as`.
+ * Both refuse a cross-kind request: `as="kg"` on a length is an error.
+ *
+ * @category Unit
+ */
+type PresentableAs<Unit extends string> = string extends Unit ? string : PresentableAsKind<KindOfSymbol<Unit>>;
+/**
+ * {@link PresentableAs}, asked of the KIND. See {@link FormatsForKind}.
+ *
+ * @category Unit
+ */
+type PresentableAsKind<Kind> = SymbolsOfKind<Kind> | ConversionTargetsOfKind<Kind>;
+/**
+ * What a unit measures. The kind is what makes the system checkable: it says
+ * `m` and `km` are interchangeable and `m` and `m/s` are not, and it selects
+ * the ladder and the precision rule.
+ *
+ * @category Unit
+ */
+type KnownQuantityKind = "length" | "speed" | "acceleration" | "mass" | "force" | "pressure" | "temperature" | "time" | "universalTime" | "specificImpulse" | "irlTime" | "planeAngle" | "power" | "data" | "dataRate" | "doseRate" | "irradiance" | "level" | "density" | "massFlow" | "gravParameter" | "dimensionless" | "percent" | "scienceData" | "scienceRate" | "ratio" | "area" | "volume" | "angularSpeed" | "funds" | "science" | "reputation" | "fundsRate" | "reputationRate" | "count" | "id" | "resourceUnits" | "resourceFlow" | "text" | "flag" | "enum" | "n/a";
+/**
+ * A quantity kind, OPEN to kinds this package has never heard of.
+ *
+ * The `string & {}` member lets a third-party Uplink introduce its own dimension
+ * while the known kinds still autocomplete.
+ *
+ * @category Unit
+ */
+type QuantityKind = KnownQuantityKind | (string & {});
+/**
+ * One step of a unit's scale: a symbol (`m`, `km`, `Mm`) and the size, in the
+ * base unit, from which a value is written in it. A kind's steps in order are
+ * its ladder, and choosing a unit for a value is choosing its rung.
+ *
+ * @category Unit
+ */
+type Rung = UnitRung;
+/**
+ * Every ladder (a kind's {@link Rung}s in order) a declared unit names, and
+ * therefore every group that settles one unit together. A unit on none of them is a group of its own: `m`, `km`
+ * and `Mm` are one group and `s` and `min` are two.
+ *
+ * @category Unit
+ */
+type LadderName = {
+    [Unit in DeclaredUnit]: LadderOfSymbol<Unit>;
+}[DeclaredUnit];
+/**
+ * What a pin may be addressed to: one GROUP, named the way the group is formed.
+ *
+ * A unit on a ladder is named by the ladder, because every unit of it settles
+ * together and `m`, `km` and `Mm` are one thing to pin. Everything else is named
+ * by the unit, because nothing interconverts it with its siblings and a pin on
+ * `s` says nothing about `min`. Keyed this way, a group is pinned at most once
+ * by construction.
+ *
+ * @category Unit
+ */
+type UnitGroupKey = LadderName | {
+    [Unit in DeclaredUnit]: [LadderOfSymbol<Unit>] extends [never] ? Unit : never;
+}[DeclaredUnit];
+/**
+ * What the group named by `Group` measures, so a pin addressed to it can be checked.
+ *
+ * A ladder key measures whatever its units do; a unit key resolves through the
+ * declarations the same way a lone `<Unit>` does.
+ *
+ * @category Unit
+ */
+type KindOfGroup<Group extends UnitGroupKey> = Group extends LadderName ? {
+    [Unit in DeclaredUnit]: [LadderOfSymbol<Unit>] extends [Group] ? [LadderOfSymbol<Unit>] extends [never] ? never : KindOfSymbol<Unit> : never;
+}[DeclaredUnit] : KindOfSymbol<Group>;
+
+/**
+ * Presentation conversions: what a value may be SHOWN as, given what it IS.
+ *
+ * Keyed source→target, `target = value / per + offset`, which covers the
+ * offset conversions a ladder cannot. Only within a kind: `formatQuantity`
+ * refuses a cross-kind conversion. `as const` is load-bearing, since
+ * {@link PresentableAs} reads the pair KEYS.
+ */
+declare const CONVERSIONS: {
+    readonly "K\u2192\u00B0C": {
+        readonly per: 1;
+        readonly offset: -273.15;
+    };
+    readonly "\u00B0C\u2192K": {
+        readonly per: 1;
+        readonly offset: 273.15;
+    };
+    readonly "m/s\u00B2\u2192g": {
+        readonly per: 9.80665;
+        readonly offset: 0;
+    };
+    readonly "g\u2192m/s\u00B2": {
+        readonly per: number;
+        readonly offset: 0;
+    };
+    readonly "rad\u2192\u00B0": {
+        readonly per: number;
+        readonly offset: 0;
+    };
+    readonly "\u00B0\u2192rad": {
+        readonly per: number;
+        readonly offset: 0;
+    };
+};
+/**
+ * A quantity as a screen reader should hear it: the value followed by the
+ * unit's WORD rather than its symbol.
+ *
+ * For the places that cannot take a node (`aria-label`, `title`, an SVG
+ * `aria-valuetext`), so an accessible name reads "250.0 kilometres" rather
+ * than "kay em". If the result is going to be rendered, use {@link Unit} or
+ * {@link writeQuantity}. Falls back to the symbol for a unit with no word.
+ *
+ * @category Unit
+ */
+declare function speakQuantity(quantity: {
+    magnitude: number;
+    unit: string;
+} | null | undefined, opts?: FormatQuantityOptions): string;
+/**
+ * A quantity as it is WRITTEN: the value and the unit's symbol, `250.0 km`.
+ *
+ * For visible text that cannot take a node: an SVG `<text>`, a canvas label, a
+ * chart annotation measured before it is drawn. Anywhere a node fits, use
+ * {@link Unit}; for an accessible name, {@link speakQuantity}.
+ *
+ * An ordinary space, not the thin space `<Unit>` sets, since a U+2009 is at
+ * the mercy of the SVG or canvas renderer.
+ *
+ * @category Unit
+ */
+declare function writeQuantity(quantity: {
+    magnitude: number;
+    unit: string;
+} | null | undefined, opts?: FormatQuantityOptions): string;
+interface FormatQuantityOptions {
+    /**
+     * Pin the unit rather than letting the ladder choose, for where convention
+     * beats magnitude (orbital velocity in km/s, a broadcast in km/h).
+     *
+     * Typed by KIND, so `format="km/h"` checks on a speed and is an error on a
+     * length. Any unit of the same kind is accepted, including ones the ladder
+     * would never pick.
+     */
+    format?: string;
+    /**
+     * `"auto"` climbs the kind's ladder (or uses the kind's default presentation,
+     * such as scientific notation or a composite duration), `"never"` holds the
+     * base unit and formats it as a plain number, `"scientific"` forces
+     * scientific notation. `"compact"` is auto, except that a kind counted like
+     * money writes ten thousand and over to three significant figures with a
+     * magnitude suffix (`1.29Mf`), for a tile with no room for every digit.
+     * Defaults to auto.
+     */
+    scale?: "auto" | "never" | "scientific" | "compact";
+    /**
+     * Show the value in a different unit OF THE SAME KIND: `as: "°C"` on a kelvin
+     * field, `as: "g"` on an m/s² one. A cross-kind request is refused and the
+     * value renders in its true unit.
+     */
+    as?: string;
+    /** Override the kind's decimal places. */
+    decimals?: number;
+    /** The rung the value was last shown at, so a value hovering on a boundary does not flicker. */
+    heldSymbol?: string;
+}
+/**
+ * Pin the locale every quantity is written in, or pass `undefined` to go back
+ * to the reader's own. One call changes every readout at once.
+ *
+ * @category Unit
+ */
+declare function setQuantityLocale(next: string | undefined): void;
+/**
+ * A scale: one rung, settled once, and every mark printed against it.
+ *
+ * For a moving-scale instrument (an altimeter strip, a chart axis): the marks
+ * carry NO symbol, the symbol is shown once at the head, and every mark sits
+ * on the rung settled from the value that defines the scale, so a strip never
+ * reads "500 m" three marks below "1.0 km".
+ *
+ * Not a general string formatter ({@link writeQuantity}, {@link Unit}), and not
+ * for aligning a group of readouts with no known bound ({@link UnitSharedFormat}).
+ *
+ * @category Unit
+ */
+interface QuantityScale {
+    /** The unit every mark is printed in. */
+    readonly rung: string;
+    /**
+     * The symbol for that rung, to show ONCE beside the scale. Empty for a kind
+     * that displays none, in which case the scale shows no header at all.
+     */
+    readonly symbol: string;
+    /** One mark, as the bare number: {@link symbol} carries the unit for the whole scale. */
+    mark(magnitude: number | null | undefined): string;
+}
+/**
+ * Build a {@link QuantityScale} whose rung is taken from `reference`.
+ *
+ * `reference` is the value that DEFINES the scale rather than a value on it:
+ * the top of an altimeter strip, an axis maximum. `opts.format` pins the rung
+ * outright.
+ *
+ * @category Unit
+ */
+declare function quantityScale(reference: {
+    magnitude: number;
+    unit: string;
+} | null | undefined, opts?: FormatQuantityOptions): QuantityScale;
+
+export { type FormatQuantityOptions as F, type KindOfGroup as K, type LadderName as L, type PresentableAs as P, type QuantityKind as Q, type Rung as R, type UnitGroupKey as U, type FormatsFor as a, type FormatsForKind as b, type PresentableAsKind as c, type KnownQuantityKind as d, type QuantityScale as e, speakQuantity as f, quantityScale as q, setQuantityLocale as s, writeQuantity as w };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@ksp-gonogo/ui-kit",
   "description": "Export-safe design system for Gonogo mission-control widgets and third-party Uplinks",
-  "license": "GPL-3.0-only",
-  "version": "0.1.0",
+  "license": "MIT",
+  "version": "0.2.0-rc.10",
   "type": "module",
   "repository": {
     "type": "git",
@@ -22,36 +22,78 @@
       "import": "./dist/index.js"
     },
     "./tokens.css": "./dist/tokens.css",
-    "./theme": {
-      "types": "./dist/theme.d.ts",
-      "import": "./dist/theme.js"
+    "./testing": {
+      "types": "./dist/testing.d.ts",
+      "import": "./dist/testing.js"
+    },
+    "./grid": {
+      "types": "./dist/gridUnits.d.ts",
+      "import": "./dist/gridUnits.js"
+    },
+    "./guards": {
+      "types": "./dist/guards.d.ts",
+      "import": "./dist/guards.js"
     }
   },
   "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
+  "scripts": {
+    "build": "tsup && node scripts/extend-package-specifiers.mjs && cp node_modules/@ksp-gonogo/theme/dist/tokens.css dist/tokens.css",
+    "dev": "tsup --watch",
+    "lint": "tsc --noEmit",
+    "render:markers": "node scripts/render-markers.ts",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "typecheck": "tsc --noEmit && tsc -p tsconfig.test-d.json && tsc -p tsconfig.scripts.json",
+    "render:line-graph-reckoning": "node scripts/render-line-graph-reckoning.ts",
+    "render:meter-bands": "node scripts/render-meter-bands.ts",
+    "render:unit-currency": "node scripts/render-unit-currency.ts",
+    "render:band-ladder": "node scripts/render-band-ladder.ts",
+    "render:instrument-readings": "node scripts/render-instrument-readings.ts"
+  },
   "devDependencies": {
+    "@fontsource/jetbrains-mono": "^5.2.8",
+    "@ksp-gonogo/sitrep-sdk": "workspace:*",
+    "@ksp-gonogo/theme": "workspace:*",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@types/jest-axe": "^3.5.9",
+    "@types/node": "^22.0.0",
     "@types/react": "^18.0.0",
+    "@vitest/coverage-v8": "^4.1.4",
+    "esbuild": "^0.28.0",
     "jest-axe": "^10.0.0",
     "jsdom": "^29.0.2",
+    "lucide-react": "^1.14.0",
+    "playwright": "^1.60.0",
+    "tsup": "^8.5.0",
     "typescript": "^5.0.0",
-    "vitest": "^4.1.4",
-    "@ksp-gonogo/sitrep-sdk": "0.0.1"
+    "vitest": "^4.1.4"
   },
   "peerDependencies": {
+    "@fontsource/jetbrains-mono": "^5.0.0",
+    "esbuild": "^0.25.0 || ^0.28.0",
+    "jest-axe": "^10.0.0",
+    "playwright": "^1.50.0",
     "react": "^18.0.0",
-    "styled-components": "^6.0.0"
+    "styled-components": "^6.0.0",
+    "@ksp-gonogo/sitrep-sdk": "0.2.0-rc.10"
   },
-  "scripts": {
-    "build": "tsc -p tsconfig.json && cp src/tokens.css dist/tokens.css",
-    "dev": "tsc -p tsconfig.json --watch",
-    "lint": "tsc --noEmit",
-    "test": "vitest run",
-    "typecheck": "tsc --noEmit && tsc -p tsconfig.test-d.json"
+  "peerDependenciesMeta": {
+    "jest-axe": {
+      "optional": true
+    },
+    "esbuild": {
+      "optional": true
+    },
+    "playwright": {
+      "optional": true
+    },
+    "@fontsource/jetbrains-mono": {
+      "optional": true
+    }
   }
-}
+}

package/dist/ActionButton.d.ts

@@ -1,18 +0,0 @@
-import type { ButtonHTMLAttributes, ReactNode } from "react";
-export type ActionButtonTone = "ghost" | "go";
-export interface ActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * `ghost` (default) is the neutral compact button. `go` is the go-toned
-     * confirm variant — a filled green button that pulses to draw the eye to a
-     * pending confirmation (e.g. "confirm transmit").
-     */
-    tone?: ActionButtonTone;
-    children?: ReactNode;
-}
-/**
- * Compact row-level action button. Extracted from ScienceOfficer's
- * `ActionButton` + `ConfirmTransmitButton` — the `go` tone replaces the
- * latter.
- */
-export declare function ActionButton({ tone, children, ...rest }: ActionButtonProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ActionButton.d.ts.map

package/dist/ActionButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../src/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7D,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,iBACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/C;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAc,EACd,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAMnB"}

package/dist/ActionButton.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled, { css, keyframes } from "styled-components";
-/**
- * Compact row-level action button. Extracted from ScienceOfficer's
- * `ActionButton` + `ConfirmTransmitButton` — the `go` tone replaces the
- * latter.
- */
-export function ActionButton({ tone = "ghost", children, ...rest }) {
-    return (_jsx(ActionButton__Root, { "$tone": tone, ...rest, children: children }));
-}
-const transmitPulse = keyframes `
-  0%,
-  100% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.6;
-  }
-`;
-const ActionButton__Root = styled.button `
-  font-size: 10px;
-  font-weight: 600;
-  letter-spacing: 0.04em;
-  padding: 2px 8px;
-  border-radius: 2px;
-  border: 1px solid var(--color-surface-raised);
-  background: transparent;
-  color: var(--color-text-muted);
-  cursor: pointer;
-  font-family: inherit;
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-
-  &:hover:not(:disabled) {
-    color: var(--color-text-primary);
-    border-color: var(--color-accent-fg);
-  }
-
-  &:disabled {
-    cursor: not-allowed;
-    opacity: 0.7;
-  }
-
-  ${({ $tone }) => $tone === "go" &&
-    css `
-      background: var(--color-status-go-bg);
-      color: var(--color-status-go-fg);
-      border-color: transparent;
-
-      @media (prefers-reduced-motion: no-preference) {
-        animation: ${transmitPulse} 1s ease-in-out infinite;
-      }
-    `}
-`;
-//# sourceMappingURL=ActionButton.js.map

package/dist/ActionButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../src/ActionButton.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAe3D;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,IAAI,GAAG,OAAO,EACd,QAAQ,EACR,GAAG,IAAI,EACW;IAClB,OAAO,CACL,KAAC,kBAAkB,aAAQ,IAAI,KAAM,IAAI,YACtC,QAAQ,GACU,CACtB,CAAC;AACJ,CAAC;AAED,MAAM,aAAa,GAAG,SAAS,CAAA;;;;;;;;CAQ9B,CAAC;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAA6B;;;;;;;;;;;;;;;;;;;;;;;;;IAyBjE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,IAAI;IACd,GAAG,CAAA;;;;;;qBAMc,aAAa;;KAE7B;CACJ,CAAC"}

package/dist/Badge.d.ts

@@ -1,15 +0,0 @@
-import type { HTMLAttributes, ReactNode } from "react";
-export type BadgeTone = "neutral" | "go" | "nogo" | "warn" | "info";
-export type BadgeSize = "sm" | "md";
-export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
-    tone?: BadgeTone;
-    size?: BadgeSize;
-    children: ReactNode;
-}
-/**
- * Compact label/state pill. This is the kit's canonical badge — the single
- * tone/size vocabulary every widget's state chips should map onto, replacing
- * bespoke styled spans (e.g. a widget's own `KindBadge`/`StateTag`).
- */
-export declare function Badge({ tone, size, children, ...rest }: BadgeProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Badge.d.ts.map

package/dist/Badge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../src/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AACpE,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpC,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,eAAe,CAAC;IACjE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EACpB,IAAgB,EAChB,IAAW,EACX,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,2CAMZ"}

package/dist/Badge.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled, { css } from "styled-components";
-/**
- * Compact label/state pill. This is the kit's canonical badge — the single
- * tone/size vocabulary every widget's state chips should map onto, replacing
- * bespoke styled spans (e.g. a widget's own `KindBadge`/`StateTag`).
- */
-export function Badge({ tone = "neutral", size = "md", children, ...rest }) {
-    return (_jsx(Badge__Body, { "$tone": tone, "$size": size, ...rest, children: children }));
-}
-const TONE_STYLES = {
-    neutral: css `
-    background: var(--color-surface-raised);
-    border-color: var(--color-border-subtle);
-    color: var(--color-text-muted);
-  `,
-    go: css `
-    background: var(--color-status-go-bg);
-    border-color: var(--color-status-go-bg);
-    color: var(--color-status-go-fg);
-  `,
-    nogo: css `
-    background: var(--color-status-nogo-bg);
-    border-color: var(--color-status-nogo-bg);
-    color: var(--color-status-nogo-fg);
-  `,
-    warn: css `
-    background: var(--color-status-warning-bg);
-    border-color: var(--color-status-warning-bg);
-    color: var(--color-status-warning-fg);
-  `,
-    info: css `
-    background: var(--color-status-info-bg);
-    border-color: var(--color-status-info-bg);
-    color: var(--color-status-info-fg);
-  `,
-};
-const SIZE_STYLES = {
-    sm: css `
-    font-size: 10px;
-    padding: 1px 4px;
-  `,
-    md: css `
-    font-size: var(--font-size-xs);
-    padding: 1px 6px;
-  `,
-};
-const Badge__Body = styled.span `
-  display: inline-block;
-  border: 1px solid;
-  border-radius: 3px;
-  font-weight: 600;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  white-space: nowrap;
-
-  ${({ $size }) => SIZE_STYLES[$size]}
-  ${({ $tone }) => TONE_STYLES[$tone]}
-`;
-//# sourceMappingURL=Badge.js.map

package/dist/Badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../src/Badge.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAWhD;;;;GAIG;AACH,MAAM,UAAU,KAAK,CAAC,EACpB,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,GAAG,IAAI,EACI;IACX,OAAO,CACL,KAAC,WAAW,aAAQ,IAAI,WAAS,IAAI,KAAM,IAAI,YAC5C,QAAQ,GACG,CACf,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAG;IAClB,OAAO,EAAE,GAAG,CAAA;;;;GAIX;IACD,EAAE,EAAE,GAAG,CAAA;;;;GAIN;IACD,IAAI,EAAE,GAAG,CAAA;;;;GAIR;IACD,IAAI,EAAE,GAAG,CAAA;;;;GAIR;IACD,IAAI,EAAE,GAAG,CAAA;;;;GAIR;CACO,CAAC;AAEX,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,GAAG,CAAA;;;GAGN;IACD,EAAE,EAAE,GAAG,CAAA;;;GAGN;CACO,CAAC;AAEX,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAwC;;;;;;;;;IASnE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC;IACjC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC;CACpC,CAAC"}

package/dist/Box.d.ts

@@ -1,19 +0,0 @@
-import type { HTMLAttributes, ReactNode } from "react";
-import type { SpaceToken } from "./Stack";
-export type BoxSurface = "app" | "panel" | "raised" | "sunken";
-export type BoxRadius = "xs" | "sm" | "md" | "pill";
-export type BoxPad = SpaceToken | [SpaceToken, SpaceToken];
-export interface BoxProps extends HTMLAttributes<HTMLDivElement> {
-    /** Background surface tier. Omit for a transparent box. */
-    surface?: BoxSurface;
-    /** Padding on all sides, or a `[vertical, horizontal]` pair. */
-    pad?: BoxPad;
-    /** Adds a `1px solid` subtle border. Defaults to `false`. */
-    bordered?: boolean;
-    /** Corner radius. Omit for square corners. */
-    radius?: BoxRadius;
-    children?: ReactNode;
-}
-/** Background/border/padding/radius wrapper — the generic surface primitive. */
-export declare function Box({ surface, pad, bordered, radius, children, ...rest }: BoxProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Box.d.ts.map

package/dist/Box.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../src/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC/D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AACpD,MAAM,MAAM,MAAM,GAAG,UAAU,GAAG,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;AAE3D,MAAM,WAAW,QAAS,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC9D,2DAA2D;IAC3D,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,gEAAgE;IAChE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AASD,gFAAgF;AAChF,wBAAgB,GAAG,CAAC,EAClB,OAAO,EACP,GAAG,EACH,QAAgB,EAChB,MAAM,EACN,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,QAAQ,2CAYV"}

package/dist/Box.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from "styled-components";
-const SURFACE_VAR = {
-    app: "var(--color-surface-app)",
-    panel: "var(--color-surface-panel)",
-    raised: "var(--color-surface-raised)",
-    sunken: "var(--color-surface-sunken)",
-};
-/** Background/border/padding/radius wrapper — the generic surface primitive. */
-export function Box({ surface, pad, bordered = false, radius, children, ...rest }) {
-    return (_jsx(Box__Root, { "$surface": surface, "$pad": pad, "$bordered": bordered, "$radius": radius, ...rest, children: children }));
-}
-const Box__Root = styled.div `
-  ${({ $surface }) => $surface && `background: ${SURFACE_VAR[$surface]};`}
-  ${({ $bordered }) => $bordered && `border: 1px solid var(--color-border-subtle);`}
-  ${({ theme, $radius }) => $radius && `border-radius: ${theme.radii[$radius]};`}
-  ${({ theme, $pad }) => {
-    if (!$pad)
-        return "";
-    if (Array.isArray($pad)) {
-        const [y, x] = $pad;
-        return `padding: ${theme.space[y]} ${theme.space[x]};`;
-    }
-    return `padding: ${theme.space[$pad]};`;
-}}
-`;
-//# sourceMappingURL=Box.js.map

package/dist/Box.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Box.js","sourceRoot":"","sources":["../src/Box.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAmBvC,MAAM,WAAW,GAA+B;IAC9C,GAAG,EAAE,0BAA0B;IAC/B,KAAK,EAAE,4BAA4B;IACnC,MAAM,EAAE,6BAA6B;IACrC,MAAM,EAAE,6BAA6B;CACtC,CAAC;AAEF,gFAAgF;AAChF,MAAM,UAAU,GAAG,CAAC,EAClB,OAAO,EACP,GAAG,EACH,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,QAAQ,EACR,GAAG,IAAI,EACE;IACT,OAAO,CACL,KAAC,SAAS,gBACE,OAAO,UACX,GAAG,eACE,QAAQ,aACV,MAAM,KACX,IAAI,YAEP,QAAQ,GACC,CACb,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAK1B;IACE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,IAAI,eAAe,WAAW,CAAC,QAAQ,CAAC,GAAG;IACrE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,IAAI,+CAA+C;IAC/E,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,IAAI,kBAAkB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG;IAC5E,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IACpB,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAC;IACrB,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QACxB,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC;QACpB,OAAO,YAAY,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;IACzD,CAAC;IACD,OAAO,YAAY,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;AAC1C,CAAC;CACF,CAAC"}

package/dist/Card.d.ts

@@ -1,11 +0,0 @@
-import type { HTMLAttributes, ReactNode } from "react";
-export interface CardProps extends HTMLAttributes<HTMLDivElement> {
-    children?: ReactNode;
-}
-/**
- * Sunken inset card — a nested surface for a single record inside a list
- * (a tracked vessel, a fleet entry). Extracted from the Scanning widget's
- * `VesselCard`.
- */
-export declare const Card: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CardProps> & CardProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CardProps> & CardProps, never>>> & string;
-//# sourceMappingURL=Card.d.ts.map

package/dist/Card.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,IAAI,6bAKhB,CAAC"}

package/dist/Card.js

@@ -1,13 +0,0 @@
-import styled from "styled-components";
-/**
- * Sunken inset card — a nested surface for a single record inside a list
- * (a tracked vessel, a fleet entry). Extracted from the Scanning widget's
- * `VesselCard`.
- */
-export const Card = styled.div `
-  background: var(--color-surface-sunken);
-  border: 1px solid var(--color-border-subtle);
-  border-radius: 3px;
-  padding: 6px 8px;
-`;
-//# sourceMappingURL=Card.js.map

package/dist/Card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAMvC;;;;GAIG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAW;;;;;CAKxC,CAAC"}

package/dist/Cluster.d.ts

@@ -1,18 +0,0 @@
-import type { HTMLAttributes, ReactNode } from "react";
-import type { SpaceToken } from "./Stack";
-export type ClusterJustify = "between" | "start" | "end";
-export interface ClusterProps extends HTMLAttributes<HTMLDivElement> {
-    /** `justify-content` shorthand. Defaults to `between`. */
-    justify?: ClusterJustify;
-    /** Gap between children, snapped to the space scale. Defaults to `md`. */
-    gap?: SpaceToken;
-    children?: ReactNode;
-}
-/**
- * The single most-repeated block in the dashboard: a horizontal row with
- * centred items, spread-out justification, and a `min-width: 0` so a
- * truncating child inside actually truncates instead of overflowing the flex
- * item. Verbatim source: ScienceOfficer's `TitleRow` and `LabHeader`.
- */
-export declare function Cluster({ justify, gap, children, ...rest }: ClusterProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Cluster.d.ts.map

package/dist/Cluster.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Cluster.d.ts","sourceRoot":"","sources":["../src/Cluster.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;AAEzD,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,0DAA0D;IAC1D,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,0EAA0E;IAC1E,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAQD;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAmB,EACnB,GAAU,EACV,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,YAAY,2CAMd"}