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

package/dist/Readout.js

@@ -1,114 +0,0 @@
-import styled, { css } from "styled-components";
-const toneColor = (tone) => {
-    switch (tone) {
-        case "alert":
-            return "var(--color-status-nogo-fg)";
-        case "warning":
-            return "var(--color-status-warning-bg)";
-        case "go":
-            return "var(--color-status-go-fg)";
-        default:
-            return "var(--color-text-primary)";
-    }
-};
-/**
- * Big centred readout — typical "tiny mode" hero element. Fills the remaining
- * panel space and centres a single dominant value (e.g. ΔV, time-to-impact,
- * warp rate). Use `$tone` to colour-code the readout for state-driven widgets.
- *
- * Pair with `<ReadoutCaption>` underneath for an optional sub-label.
- */
-export const BigReadout = styled.div `
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 4px;
-  text-align: center;
-  font-size: clamp(20px, 6vw, 38px);
-  font-weight: 700;
-  letter-spacing: 0.04em;
-  line-height: 1.05;
-  color: ${({ $tone }) => toneColor($tone)};
-  min-width: 0;
-`;
-/**
- * Smaller-scale variant for "small" responsive modes — same hero treatment
- * but at a compact size. Doesn't fill — sits alongside other content.
- */
-export const Readout = styled.div `
-  display: inline-flex;
-  align-items: baseline;
-  gap: 6px;
-  font-size: 22px;
-  font-weight: 700;
-  letter-spacing: 0.04em;
-  color: ${({ $tone }) => toneColor($tone)};
-`;
-/** Muted secondary line for both readout sizes (e.g. units, mode tag). */
-export const ReadoutCaption = styled.span `
-  font-size: 11px;
-  font-weight: 400;
-  letter-spacing: 0.05em;
-  color: var(--color-text-muted);
-  text-transform: uppercase;
-`;
-/**
- * Status pill — single-token badge ("NOMINAL", "GO", "ABORT"). Designed for
- * tiny-mode widgets that boil their state down to one indicator (thermal
- * band, ground-survey grade, gonogo state).
- */
-export const StatusPill = styled.div `
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 6px 14px;
-  border-radius: 999px;
-  font-size: 12px;
-  font-weight: 700;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
-  color: ${({ $tone }) => toneColor($tone)};
-  background: ${({ $tone }) => {
-    switch ($tone) {
-        case "alert":
-            return "var(--color-status-alert-muted)";
-        case "warning":
-            return "var(--color-tag-dark-brown-bg)";
-        case "go":
-            return "var(--color-surface-raised)";
-        default:
-            return "var(--color-surface-raised)";
-    }
-}};
-  border: 1px solid
-    ${({ $tone }) => {
-    switch ($tone) {
-        case "alert":
-            return "var(--color-status-nogo-bg)";
-        case "warning":
-            return "var(--color-status-warning-bg)";
-        case "go":
-            return "var(--color-status-go-bg)";
-        default:
-            return "var(--color-border-subtle)";
-    }
-}};
-  ${({ $tone }) => $tone === "alert" &&
-    css `
-      @media (prefers-reduced-motion: no-preference) {
-        animation: pill-pulse 1.4s ease-in-out infinite;
-      }
-      @keyframes pill-pulse {
-        0%,
-        100% {
-          opacity: 1;
-        }
-        50% {
-          opacity: 0.7;
-        }
-      }
-    `}
-`;
-//# sourceMappingURL=Readout.js.map

package/dist/Readout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Readout.js","sourceRoot":"","sources":["../src/Readout.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIhD,MAAM,SAAS,GAAG,CAAC,IAA6B,EAAE,EAAE;IAClD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,OAAO;YACV,OAAO,6BAA6B,CAAC;QACvC,KAAK,SAAS;YACZ,OAAO,gCAAgC,CAAC;QAC1C,KAAK,IAAI;YACP,OAAO,2BAA2B,CAAC;QACrC;YACE,OAAO,2BAA2B,CAAC;IACvC,CAAC;AACH,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAyB;;;;;;;;;;;;WAYlD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC;;CAEzC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAyB;;;;;;;WAO/C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC;CACzC,CAAC;AAEF,0EAA0E;AAC1E,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;CAMxC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAwB;;;;;;;;;;WAUjD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC;gBAC1B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1B,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,OAAO;YACV,OAAO,iCAAiC,CAAC;QAC3C,KAAK,SAAS;YACZ,OAAO,gCAAgC,CAAC;QAC1C,KAAK,IAAI;YACP,OAAO,6BAA6B,CAAC;QACvC;YACE,OAAO,6BAA6B,CAAC;IACzC,CAAC;AACH,CAAC;;MAEG,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACd,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,OAAO;YACV,OAAO,6BAA6B,CAAC;QACvC,KAAK,SAAS;YACZ,OAAO,gCAAgC,CAAC;QAC1C,KAAK,IAAI;YACP,OAAO,2BAA2B,CAAC;QACrC;YACE,OAAO,4BAA4B,CAAC;IACxC,CAAC;AACH,CAAC;IACD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,OAAO;IACjB,GAAG,CAAA;;;;;;;;;;;;;KAaF;CACJ,CAAC"}

package/dist/Row.d.ts

@@ -1,22 +0,0 @@
-import type { ElementType, HTMLAttributes, ReactNode } from "react";
-export interface RowProps extends HTMLAttributes<HTMLElement> {
-    /** Rendered tag. Defaults to `li` (a `Row` typically sits in a plain `<ul>`). */
-    as?: ElementType;
-    children?: ReactNode;
-}
-/**
- * A single spaced-between list row: name on the left, badges/actions on the
- * right. Extracted from ScienceOfficer's `Row` (`styled.li`) — the shape
- * hand-rolled ten times across the built-in widgets.
- *
- * The truncating name child is exported alongside as `RowName` (also
- * reachable as `Row.Name`).
- */
-declare function RowBase({ as, children, ...rest }: RowProps): import("react/jsx-runtime").JSX.Element;
-/** Truncating name/label child for a `Row` — flexes to fill, ellipsises overflow. */
-export declare const RowName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
-export declare const Row: typeof RowBase & {
-    Name: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
-};
-export {};
-//# sourceMappingURL=Row.d.ts.map

package/dist/Row.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../src/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpE,MAAM,WAAW,QAAS,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC3D,iFAAiF;IACjF,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;GAOG;AACH,iBAAS,OAAO,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,QAAQ,2CAMnD;AAWD,qFAAqF;AACrF,eAAO,MAAM,OAAO,2TAOnB,CAAC;AAEF,eAAO,MAAM,GAAG;;CAA4C,CAAC"}

package/dist/Row.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from "styled-components";
-/**
- * A single spaced-between list row: name on the left, badges/actions on the
- * right. Extracted from ScienceOfficer's `Row` (`styled.li`) — the shape
- * hand-rolled ten times across the built-in widgets.
- *
- * The truncating name child is exported alongside as `RowName` (also
- * reachable as `Row.Name`).
- */
-function RowBase({ as, children, ...rest }) {
-    return (_jsx(Row__Root, { as: as ?? "li", ...rest, children: children }));
-}
-const Row__Root = styled.li `
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: 8px;
-  font-size: 12px;
-  padding: 2px 0;
-`;
-/** Truncating name/label child for a `Row` — flexes to fill, ellipsises overflow. */
-export const RowName = styled.span `
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  flex: 1;
-  min-width: 0;
-  color: var(--color-text-primary);
-`;
-export const Row = Object.assign(RowBase, { Name: RowName });
-//# sourceMappingURL=Row.js.map

package/dist/Row.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Row.js","sourceRoot":"","sources":["../src/Row.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAQvC;;;;;;;GAOG;AACH,SAAS,OAAO,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAY;IAClD,OAAO,CACL,KAAC,SAAS,IAAC,EAAE,EAAE,EAAE,IAAI,IAAI,KAAM,IAAI,YAChC,QAAQ,GACC,CACb,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;CAO1B,CAAC;AAEF,qFAAqF;AACrF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;CAOjC,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC"}

package/dist/Section.d.ts

@@ -1,15 +0,0 @@
-import type { HTMLAttributes, ReactNode } from "react";
-export interface SectionProps extends HTMLAttributes<HTMLDivElement> {
-    children?: ReactNode;
-}
-/**
- * A named group of rows within a panel — `Stack` pinned to the tightest gap.
- * Extracted from ScienceOfficer's `Group` (`flex-direction:column;gap:2px`).
- */
-export declare function Section({ children, ...rest }: SectionProps): import("react/jsx-runtime").JSX.Element;
-/**
- * Uppercase, tracked-out label for a `Section`. Extracted from
- * ScienceOfficer's `GroupLabel`.
- */
-export declare const SectionTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-//# sourceMappingURL=Section.d.ts.map

package/dist/Section.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../src/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,2CAM1D;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,uTAKxB,CAAC"}

package/dist/Section.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from "styled-components";
-import { Stack } from "./Stack";
-/**
- * A named group of rows within a panel — `Stack` pinned to the tightest gap.
- * Extracted from ScienceOfficer's `Group` (`flex-direction:column;gap:2px`).
- */
-export function Section({ children, ...rest }) {
-    return (_jsx(Stack, { gap: "xs", ...rest, children: children }));
-}
-/**
- * Uppercase, tracked-out label for a `Section`. Extracted from
- * ScienceOfficer's `GroupLabel`.
- */
-export const SectionTitle = styled.div `
-  font-size: var(--font-size-xs);
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  color: var(--color-text-muted);
-`;
-//# sourceMappingURL=Section.js.map

package/dist/Section.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Section.js","sourceRoot":"","sources":["../src/Section.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAMhC;;;GAGG;AACH,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAgB;IACzD,OAAO,CACL,KAAC,KAAK,IAAC,GAAG,EAAC,IAAI,KAAK,IAAI,YACrB,QAAQ,GACH,CACT,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKrC,CAAC"}

package/dist/Spinner.d.ts

@@ -1,18 +0,0 @@
-/**
- * Small inline pending indicator. Sized to slot next to a row label /
- * value without reflowing layout. Honours `prefers-reduced-motion` —
- * the spin animation is gated on the no-preference query so users with
- * vestibular sensitivity see a static ring instead.
- */
-export interface SpinnerProps {
-    /** Outer diameter in pixels. Defaults to 12. */
-    size?: number;
-    /** Stroke width in pixels. Defaults to 2. */
-    thickness?: number;
-    /** Active arc colour. Defaults to the accent foreground. */
-    color?: string;
-    /** ARIA label for screen readers. */
-    ariaLabel?: string;
-}
-export declare function Spinner({ size, thickness, color, ariaLabel, }: Readonly<SpinnerProps>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Spinner.d.ts.map

package/dist/Spinner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../src/Spinner.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,WAAW,YAAY;IAC3B,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EACtB,IAAS,EACT,SAAa,EACb,KAAgC,EAChC,SAAqB,GACtB,EAAE,QAAQ,CAAC,YAAY,CAAC,2CAUxB"}

package/dist/Spinner.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled, { keyframes } from "styled-components";
-export function Spinner({ size = 12, thickness = 2, color = "var(--color-accent-fg)", ariaLabel = "Loading", }) {
-    return (_jsx(SpinnerEl, { role: "status", "aria-label": ariaLabel, "$size": size, "$thickness": thickness, "$color": color }));
-}
-const spin = keyframes `
-  to { transform: rotate(360deg); }
-`;
-const SpinnerEl = styled.span `
-  display: inline-block;
-  width: ${({ $size }) => `${$size}px`};
-  height: ${({ $size }) => `${$size}px`};
-  border-radius: 50%;
-  border: ${({ $thickness }) => `${$thickness}px`} solid
-    var(--color-border-subtle);
-  border-top-color: ${({ $color }) => $color};
-  flex-shrink: 0;
-  @media (prefers-reduced-motion: no-preference) {
-    animation: ${spin} 700ms linear infinite;
-  }
-`;
-//# sourceMappingURL=Spinner.js.map

package/dist/Spinner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../src/Spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAmBtD,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,CAAC,EACb,KAAK,GAAG,wBAAwB,EAChC,SAAS,GAAG,SAAS,GACE;IACvB,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAC,QAAQ,gBACD,SAAS,WACd,IAAI,gBACC,SAAS,YACb,KAAK,GACb,CACH,CAAC;AACJ,CAAC;AAED,MAAM,IAAI,GAAG,SAAS,CAAA;;CAErB,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAI3B;;WAES,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,KAAK,IAAI;YAC1B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,KAAK,IAAI;;YAE3B,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,GAAG,UAAU,IAAI;;sBAE3B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;;;iBAG3B,IAAI;;CAEpB,CAAC"}

package/dist/Stack.d.ts

@@ -1,15 +0,0 @@
-import type { HTMLAttributes, ReactNode } from "react";
-export type SpaceToken = "xs" | "sm" | "md" | "lg" | "xl";
-export interface StackProps extends HTMLAttributes<HTMLDivElement> {
-    /** Gap between children, snapped to the space scale. Defaults to `sm`. */
-    gap?: SpaceToken;
-    children?: ReactNode;
-}
-/**
- * Vertical flex list — the most common container shape in the dashboard.
- * Replaces the many ad-hoc `styled.div\`flex-direction:column;gap:…\`` blocks
- * scattered across widgets (e.g. ScienceOfficer's `Group`/`InstrumentList`/
- * `LabList`).
- */
-export declare function Stack({ gap, children, ...rest }: StackProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Stack.d.ts.map

package/dist/Stack.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../src/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1D,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,0EAA0E;IAC1E,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,EAAE,GAAU,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,2CAMlE"}

package/dist/Stack.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from "styled-components";
-/**
- * Vertical flex list — the most common container shape in the dashboard.
- * Replaces the many ad-hoc `styled.div\`flex-direction:column;gap:…\`` blocks
- * scattered across widgets (e.g. ScienceOfficer's `Group`/`InstrumentList`/
- * `LabList`).
- */
-export function Stack({ gap = "sm", children, ...rest }) {
-    return (_jsx(Stack__Root, { "$gap": gap, ...rest, children: children }));
-}
-const Stack__Root = styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: ${({ theme, $gap }) => theme.space[$gap]};
-`;
-//# sourceMappingURL=Stack.js.map

package/dist/Stack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../src/Stack.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAUvC;;;;;GAKG;AACH,MAAM,UAAU,KAAK,CAAC,EAAE,GAAG,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAc;IACjE,OAAO,CACL,KAAC,WAAW,YAAO,GAAG,KAAM,IAAI,YAC7B,QAAQ,GACG,CACf,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAsB;;;SAG3C,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;CAC9C,CAAC"}

package/dist/StatusIndicator.d.ts

@@ -1,27 +0,0 @@
-import type { HTMLAttributes, ReactNode } from "react";
-export type StatusTone = "neutral" | "info" | "go" | "warn" | "nogo";
-export interface StatusIndicatorProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
-    tone: StatusTone;
-    children: ReactNode;
-    /**
-     * When true, the indicator becomes a screen-reader live region.
-     * Use for state that updates dynamically and the user benefits from
-     * being told (connection going from probing → ok / fail). Default
-     * false to keep it out of the accessibility tree for purely decorative
-     * uses.
-     */
-    live?: boolean;
-}
-/**
- * Coloured dot + one-line status text. Tone maps to the same palette
- * as `Badge` but the layout is different: dot on the left, free-form
- * label on the right, optional live-region semantics. Use for
- * "connection status," "TURN reachability," "data source health"
- * surfaces — anywhere a single sentence describes a state and a glance
- * at the dot tells you whether to worry.
- *
- * Sister primitive: `Badge`. Use `Badge` for compact uppercase pills,
- * `StatusIndicator` for sentence-length state with a leading dot.
- */
-export declare function StatusIndicator({ tone, children, live, ...rest }: StatusIndicatorProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=StatusIndicator.d.ts.map

package/dist/StatusIndicator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../src/StatusIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AAErE,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,IAAY,EACZ,GAAG,IAAI,EACR,EAAE,oBAAoB,2CAUtB"}

package/dist/StatusIndicator.js

@@ -1,78 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled, { css } from "styled-components";
-/**
- * Coloured dot + one-line status text. Tone maps to the same palette
- * as `Badge` but the layout is different: dot on the left, free-form
- * label on the right, optional live-region semantics. Use for
- * "connection status," "TURN reachability," "data source health"
- * surfaces — anywhere a single sentence describes a state and a glance
- * at the dot tells you whether to worry.
- *
- * Sister primitive: `Badge`. Use `Badge` for compact uppercase pills,
- * `StatusIndicator` for sentence-length state with a leading dot.
- */
-export function StatusIndicator({ tone, children, live = false, ...rest }) {
-    const liveAttrs = live
-        ? { role: "status", "aria-live": "polite" }
-        : {};
-    return (_jsxs(StatusIndicator__Row, { "data-tone": tone, ...liveAttrs, ...rest, children: [_jsx(StatusIndicator__Dot, { "data-tone": tone, "aria-hidden": "true" }), _jsx(StatusIndicator__Text, { children: children })] }));
-}
-const TONE_BORDER = {
-    neutral: css `
-    border-color: var(--color-border-subtle);
-  `,
-    info: css `
-    border-color: var(--color-status-info-bg);
-  `,
-    go: css `
-    border-color: var(--color-status-go-bg);
-  `,
-    warn: css `
-    border-color: var(--color-status-warning-bg);
-  `,
-    nogo: css `
-    border-color: var(--color-status-nogo-bg);
-  `,
-};
-const StatusIndicator__Row = styled.div `
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 11px;
-  padding: 6px 8px;
-  background: var(--color-surface-raised);
-  border: 1px solid;
-  border-radius: 3px;
-
-  ${({ "data-tone": tone }) => TONE_BORDER[tone]}
-`;
-const TONE_DOT = {
-    neutral: css `
-    background: var(--color-text-dim);
-  `,
-    info: css `
-    background: var(--color-status-info-bg);
-  `,
-    go: css `
-    background: var(--color-status-go-bg);
-  `,
-    warn: css `
-    background: var(--color-status-warning-bg);
-  `,
-    nogo: css `
-    background: var(--color-status-nogo-bg);
-  `,
-};
-const StatusIndicator__Dot = styled.span `
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  flex-shrink: 0;
-
-  ${({ "data-tone": tone }) => TONE_DOT[tone]}
-`;
-const StatusIndicator__Text = styled.span `
-  color: var(--color-text-primary);
-  line-height: 1.4;
-`;
-//# sourceMappingURL=StatusIndicator.js.map

package/dist/StatusIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusIndicator.js","sourceRoot":"","sources":["../src/StatusIndicator.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAkBhD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,IAAI,GAAG,KAAK,EACZ,GAAG,IAAI,EACc;IACrB,MAAM,SAAS,GAAG,IAAI;QACpB,CAAC,CAAC,EAAE,IAAI,EAAE,QAAiB,EAAE,WAAW,EAAE,QAAiB,EAAE;QAC7D,CAAC,CAAC,EAAE,CAAC;IACP,OAAO,CACL,MAAC,oBAAoB,iBAAY,IAAI,KAAM,SAAS,KAAM,IAAI,aAC5D,KAAC,oBAAoB,iBAAY,IAAI,iBAAc,MAAM,GAAG,EAC5D,KAAC,qBAAqB,cAAE,QAAQ,GAAyB,IACpC,CACxB,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAG;IAClB,OAAO,EAAE,GAAG,CAAA;;GAEX;IACD,IAAI,EAAE,GAAG,CAAA;;GAER;IACD,EAAE,EAAE,GAAG,CAAA;;GAEN;IACD,IAAI,EAAE,GAAG,CAAA;;GAER;IACD,IAAI,EAAE,GAAG,CAAA;;GAER;CACO,CAAC;AAEX,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAA6B;;;;;;;;;;IAUhE,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC;CAC/C,CAAC;AAEF,MAAM,QAAQ,GAAG;IACf,OAAO,EAAE,GAAG,CAAA;;GAEX;IACD,IAAI,EAAE,GAAG,CAAA;;GAER;IACD,EAAE,EAAE,GAAG,CAAA;;GAEN;IACD,IAAI,EAAE,GAAG,CAAA;;GAER;IACD,IAAI,EAAE,GAAG,CAAA;;GAER;CACO,CAAC;AAEX,MAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAA6B;;;;;;IAMjE,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;CAC5C,CAAC;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,IAAI,CAAA;;;CAGxC,CAAC"}

package/dist/Truncate.d.ts

@@ -1,7 +0,0 @@
-/**
- * Single-line ellipsis truncation for a flex child. Standalone form of the
- * truncating behaviour baked into `RowName` — use this wherever a label
- * needs to truncate outside of a `Row` (grid cells, card titles).
- */
-export declare const Truncate: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
-//# sourceMappingURL=Truncate.d.ts.map

package/dist/Truncate.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Truncate.d.ts","sourceRoot":"","sources":["../src/Truncate.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,QAAQ,2VAMpB,CAAC"}

package/dist/Truncate.js

@@ -1,14 +0,0 @@
-import styled from "styled-components";
-/**
- * Single-line ellipsis truncation for a flex child. Standalone form of the
- * truncating behaviour baked into `RowName` — use this wherever a label
- * needs to truncate outside of a `Row` (grid cells, card titles).
- */
-export const Truncate = styled.span `
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  flex: 1;
-  min-width: 0;
-`;
-//# sourceMappingURL=Truncate.js.map

package/dist/Truncate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Truncate.js","sourceRoot":"","sources":["../src/Truncate.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;CAMlC,CAAC"}

package/dist/Value.d.ts

@@ -1,24 +0,0 @@
-import type { HTMLAttributes, ReactNode } from "react";
-export type ValueTone = "accent" | "default" | "muted";
-export type ValueSize = "xs" | "sm" | "base" | "lg";
-export interface ValueProps extends HTMLAttributes<HTMLSpanElement> {
-    /** Foreground colour. Defaults to `accent`. */
-    tone?: ValueTone;
-    /** Adds `margin-left: 2px` so the value sits apart from a preceding label. */
-    spaced?: boolean;
-    /**
-     * Font size, snapped to the type scale. Omit to inherit the ambient
-     * font-size from wherever the value is mounted (the original behaviour) —
-     * set it explicitly for dense list/grid rows (coverage %, sensor state,
-     * vessel meta) that need to stay off the 14px body-text size.
-     */
-    size?: ValueSize;
-    children?: ReactNode;
-}
-/**
- * Inline numeric/data readout. `font-variant-numeric: tabular-nums` is baked
- * in so widgets never forget it and digits don't jitter as they update.
- * Extracted from ScienceOfficer's `DataReadout`.
- */
-export declare function Value({ tone, spaced, size, children, ...rest }: ValueProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Value.d.ts.map

package/dist/Value.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Value.d.ts","sourceRoot":"","sources":["../src/Value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AACvD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;AAEpD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,eAAe,CAAC;IACjE,+CAA+C;IAC/C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA6BD;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EACpB,IAAe,EACf,MAAc,EACd,IAAI,EACJ,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,2CAMZ"}

package/dist/Value.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled, { css } from "styled-components";
-const TONE_STYLES = {
-    accent: css `
-    color: var(--color-accent-fg);
-  `,
-    default: css `
-    color: var(--color-text-primary);
-  `,
-    muted: css `
-    color: var(--color-text-muted);
-  `,
-};
-const SIZE_STYLES = {
-    xs: css `
-    font-size: var(--font-size-xs);
-  `,
-    sm: css `
-    font-size: var(--font-size-sm);
-  `,
-    base: css `
-    font-size: var(--font-size-base);
-  `,
-    lg: css `
-    font-size: var(--font-size-lg);
-  `,
-};
-/**
- * Inline numeric/data readout. `font-variant-numeric: tabular-nums` is baked
- * in so widgets never forget it and digits don't jitter as they update.
- * Extracted from ScienceOfficer's `DataReadout`.
- */
-export function Value({ tone = "accent", spaced = false, size, children, ...rest }) {
-    return (_jsx(Value__Root, { "$tone": tone, "$spaced": spaced, "$size": size, ...rest, children: children }));
-}
-const Value__Root = styled.span `
-  font-variant-numeric: tabular-nums;
-  ${({ $tone }) => TONE_STYLES[$tone]}
-  ${({ $size }) => $size && SIZE_STYLES[$size]}
-  ${({ $spaced }) => $spaced && `margin-left: 2px;`}
-`;
-//# sourceMappingURL=Value.js.map

package/dist/Value.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Value.js","sourceRoot":"","sources":["../src/Value.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAoBhD,MAAM,WAAW,GAAG;IAClB,MAAM,EAAE,GAAG,CAAA;;GAEV;IACD,OAAO,EAAE,GAAG,CAAA;;GAEX;IACD,KAAK,EAAE,GAAG,CAAA;;GAET;CACO,CAAC;AAEX,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,GAAG,CAAA;;GAEN;IACD,EAAE,EAAE,GAAG,CAAA;;GAEN;IACD,IAAI,EAAE,GAAG,CAAA;;GAER;IACD,EAAE,EAAE,GAAG,CAAA;;GAEN;CACO,CAAC;AAEX;;;;GAIG;AACH,MAAM,UAAU,KAAK,CAAC,EACpB,IAAI,GAAG,QAAQ,EACf,MAAM,GAAG,KAAK,EACd,IAAI,EACJ,QAAQ,EACR,GAAG,IAAI,EACI;IACX,OAAO,CACL,KAAC,WAAW,aAAQ,IAAI,aAAW,MAAM,WAAS,IAAI,KAAM,IAAI,YAC7D,QAAQ,GACG,CACf,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAI7B;;IAEE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC;IACjC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,WAAW,CAAC,KAAK,CAAC;IAC1C,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,IAAI,mBAAmB;CAClD,CAAC"}

package/dist/WidgetHeader.d.ts

@@ -1,16 +0,0 @@
-import type { HTMLAttributes, ReactNode } from "react";
-export interface WidgetHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
-    title?: ReactNode;
-    actions?: ReactNode;
-    children?: ReactNode;
-}
-/**
- * Standard widget header row: a title slot on the left and an actions slot on
- * the right, separated by a subtle bottom border.
- *
- * Either pass `title` (string / node — typically a `<PanelTitle>`-shaped
- * label) or pass arbitrary `children` for full control of the left side.
- * `actions` is an optional right-aligned slot (toggles, icon buttons, etc.).
- */
-export declare function WidgetHeader({ title, actions, children, ...rest }: WidgetHeaderProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=WidgetHeader.d.ts.map

package/dist/WidgetHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WidgetHeader.d.ts","sourceRoot":"","sources":["../src/WidgetHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACrD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAUnB"}

package/dist/WidgetHeader.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from "styled-components";
-/**
- * Standard widget header row: a title slot on the left and an actions slot on
- * the right, separated by a subtle bottom border.
- *
- * Either pass `title` (string / node — typically a `<PanelTitle>`-shaped
- * label) or pass arbitrary `children` for full control of the left side.
- * `actions` is an optional right-aligned slot (toggles, icon buttons, etc.).
- */
-export function WidgetHeader({ title, actions, children, ...rest }) {
-    const left = title ?? children;
-    return (_jsxs(WidgetHeader__Body, { ...rest, children: [_jsx(WidgetHeader__Title, { children: left }), actions ? (_jsx(WidgetHeader__Actions, { children: actions })) : null] }));
-}
-const WidgetHeader__Body = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  padding: 6px 10px;
-  border-bottom: 1px solid var(--color-border-subtle);
-  /* Never let the header collapse: at very short widget heights the flex
-     column would otherwise shrink this row toward zero and the body content
-     (e.g. a chart's top axis label) would overprint the title. */
-  flex-shrink: 0;
-`;
-const WidgetHeader__Title = styled.div `
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  min-width: 0;
-  flex: 1;
-`;
-const WidgetHeader__Actions = styled.div `
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  flex-shrink: 0;
-`;
-//# sourceMappingURL=WidgetHeader.js.map

package/dist/WidgetHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WidgetHeader.js","sourceRoot":"","sources":["../src/WidgetHeader.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AASvC;;;;;;;GAOG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,GAAG,IAAI,EACW;IAClB,MAAM,IAAI,GAAG,KAAK,IAAI,QAAQ,CAAC;IAC/B,OAAO,CACL,MAAC,kBAAkB,OAAK,IAAI,aAC1B,KAAC,mBAAmB,cAAE,IAAI,GAAuB,EAChD,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,qBAAqB,cAAE,OAAO,GAAyB,CACzD,CAAC,CAAC,CAAC,IAAI,IACW,CACtB,CAAC;AACJ,CAAC;AAED,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;CAWpC,CAAC;AAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMrC,CAAC;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKvC,CAAC"}

package/dist/defaultDarkTheme.d.ts

@@ -1,16 +0,0 @@
-import type { UiKitTheme } from "./theme";
-/**
- * `default-dark` — the built-in mission-control theme.
- *
- * Token values name what is *currently* in the codebase, so the migration
- * from raw hex constants to `theme.*` tokens is mechanical. Palette
- * rationalisation (consolidating near-duplicate greys, retiring unused
- * shades) is deliberately deferred to a later commit so a structural sweep
- * can be a pure refactor with no visual diff.
- *
- * Typography sizes are emitted as CSS-variable strings so the responsive
- * overrides in `tokens.css` (coarse-pointer bumps etc.) keep working when
- * consumers read from the theme instead of the raw variable.
- */
-export declare const defaultDarkTheme: UiKitTheme;
-//# sourceMappingURL=defaultDarkTheme.d.ts.map

package/dist/defaultDarkTheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultDarkTheme.d.ts","sourceRoot":"","sources":["../src/defaultDarkTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,gBAAgB,EAAE,UAiF9B,CAAC"}