@ksp-gonogo/ui-kit 0.1.0

package/dist/ActionButton.js

@@ -0,0 +1,56 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,60 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,27 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1 @@
+{"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"}

package/dist/Cluster.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+const JUSTIFY_CONTENT = {
+    between: "space-between",
+    start: "flex-start",
+    end: "flex-end",
+};
+/**
+ * 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 function Cluster({ justify = "between", gap = "md", children, ...rest }) {
+    return (_jsx(Cluster__Root, { "$justify": justify, "$gap": gap, ...rest, children: children }));
+}
+const Cluster__Root = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: ${({ $justify }) => JUSTIFY_CONTENT[$justify]};
+  gap: ${({ theme, $gap }) => theme.space[$gap]};
+  min-width: 0;
+`;
+//# sourceMappingURL=Cluster.js.map

package/dist/Cluster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cluster.js","sourceRoot":"","sources":["../src/Cluster.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAavC,MAAM,eAAe,GAAmC;IACtD,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,UAAU;CAChB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,OAAO,GAAG,SAAS,EACnB,GAAG,GAAG,IAAI,EACV,QAAQ,EACR,GAAG,IAAI,EACM;IACb,OAAO,CACL,KAAC,aAAa,gBAAW,OAAO,UAAQ,GAAG,KAAM,IAAI,YAClD,QAAQ,GACK,CACjB,CAAC;AACJ,CAAC;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAG9B;;;qBAGmB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC;SACvD,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;;CAE9C,CAAC"}

package/dist/EmptyState.d.ts

@@ -0,0 +1,16 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export type EmptyStateLayout = "inline" | "fill";
+export interface EmptyStateProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    layout?: EmptyStateLayout;
+}
+/**
+ * Muted placeholder text shown when a panel has nothing to render. Replaces
+ * the many ad-hoc `Empty = styled.div` definitions sprinkled across widgets.
+ *
+ * `inline` is the default — small vertical padding, sits where it's mounted
+ * inside a panel's stack of children. `fill` centres in the available space
+ * and is appropriate as a panel's sole child.
+ */
+export declare function EmptyState({ children, layout, ...rest }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../src/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEjD,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,MAAiB,EACjB,GAAG,IAAI,EACR,EAAE,eAAe,2CAMjB"}

package/dist/EmptyState.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled, { css } from "styled-components";
+/**
+ * Muted placeholder text shown when a panel has nothing to render. Replaces
+ * the many ad-hoc `Empty = styled.div` definitions sprinkled across widgets.
+ *
+ * `inline` is the default — small vertical padding, sits where it's mounted
+ * inside a panel's stack of children. `fill` centres in the available space
+ * and is appropriate as a panel's sole child.
+ */
+export function EmptyState({ children, layout = "inline", ...rest }) {
+    return (_jsx(EmptyState__Body, { "$layout": layout, ...rest, children: children }));
+}
+const LAYOUT_STYLES = {
+    inline: css `
+    padding: 8px 0;
+  `,
+    fill: css `
+    width: 100%;
+    height: 100%;
+    flex: 1;
+    min-height: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    padding: 16px;
+  `,
+};
+const EmptyState__Body = styled.div `
+  color: var(--color-text-muted);
+  font-size: var(--font-size-sm);
+  letter-spacing: 0.04em;
+
+  ${({ $layout }) => LAYOUT_STYLES[$layout]}
+`;
+//# sourceMappingURL=EmptyState.js.map

package/dist/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../src/EmptyState.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAShD;;;;;;;GAOG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,QAAQ,EACR,MAAM,GAAG,QAAQ,EACjB,GAAG,IAAI,EACS;IAChB,OAAO,CACL,KAAC,gBAAgB,eAAU,MAAM,KAAM,IAAI,YACxC,QAAQ,GACQ,CACpB,CAAC;AACJ,CAAC;AAED,MAAM,aAAa,GAAG;IACpB,MAAM,EAAE,GAAG,CAAA;;GAEV;IACD,IAAI,EAAE,GAAG,CAAA;;;;;;;;;;GAUR;CACO,CAAC;AAEX,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAA+B;;;;;IAK9D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC;CAC1C,CAAC"}

package/dist/GonogoTokens.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Design-token custom properties as a styled-components global sheet.
+ *
+ * Mirrors `tokens.css` exactly — the same `:root` variable block and the
+ * coarse-pointer font-size override. Hosts that build their global styles
+ * through styled-components (rather than importing `@ksp-gonogo/ui-kit/tokens.css`)
+ * render `<GonogoTokens />` once near the tree root.
+ *
+ * Not auto-mounted: injecting a stylesheet is a side effect, and the kit stays
+ * side-effect-free so it tree-shakes cleanly. The host opts in explicitly.
+ *
+ * Keep this block and `tokens.css` in sync — they are two hand-maintained
+ * copies of the same source of truth.
+ */
+export declare const GonogoTokens: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;
+//# sourceMappingURL=GonogoTokens.d.ts.map

package/dist/GonogoTokens.d.ts.map

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

package/dist/GonogoTokens.js

@@ -0,0 +1,108 @@
+import { createGlobalStyle } from "styled-components";
+/**
+ * Design-token custom properties as a styled-components global sheet.
+ *
+ * Mirrors `tokens.css` exactly — the same `:root` variable block and the
+ * coarse-pointer font-size override. Hosts that build their global styles
+ * through styled-components (rather than importing `@ksp-gonogo/ui-kit/tokens.css`)
+ * render `<GonogoTokens />` once near the tree root.
+ *
+ * Not auto-mounted: injecting a stylesheet is a side effect, and the kit stays
+ * side-effect-free so it tree-shakes cleanly. The host opts in explicitly.
+ *
+ * Keep this block and `tokens.css` in sync — they are two hand-maintained
+ * copies of the same source of truth.
+ */
+export const GonogoTokens = createGlobalStyle `
+  :root {
+    --font-family-mono:
+      "JetBrains Mono", ui-monospace, "IBM Plex Mono", Menlo, Consolas, monospace;
+    --font-size-xs: 11px;
+    --font-size-sm: 12px;
+    --font-size-base: 14px;
+    --font-size-lg: 16px;
+
+    --color-text-primary: #ccc;
+    --color-text-muted: #888;
+    --color-text-dim: #808080;
+    --color-text-faint: #7a7a7a;
+    --color-text-inverse: #050505;
+
+    --color-surface-app: #050505;
+    --color-surface-panel: #0d0d0d;
+    --color-surface-raised: #1a1a1a;
+    --color-surface-sunken: #0a0a0a;
+
+    --color-border-subtle: #2a2a2a;
+    --color-border-strong: #333;
+
+    --color-accent-fg: #00ff88;
+    --color-accent-bg: #00ff88;
+
+    --color-status-go-fg: #cfe;
+    --color-status-go-bg: #2e5a2e;
+    --color-status-nogo-fg: #ffdede;
+    --color-status-nogo-bg: #ff4d4d;
+    --color-status-warning-fg: #1a1a1a;
+    --color-status-warning-bg: #ff8c00;
+    --color-status-info-fg: #7cf;
+    --color-status-info-bg: #0d0d0d;
+
+    --color-status-alert-muted: #4a0e0e;
+    --color-status-warning-bg-muted: #3a2a0a;
+    --color-status-warning-fg-muted: #ffd68a;
+    --color-status-warning-border-muted: #8a6a28;
+
+    --color-tag-blue-fg: #4488ff;
+    --color-tag-blue-bg: #0a0a1a;
+    --color-tag-blue-border: #1a1a3a;
+    --color-tag-purple-fg: #cc44cc;
+    --color-tag-purple-bg: #1a0a1a;
+    --color-tag-purple-border: #6a3a9a;
+    --color-tag-yellow-fg: #ffeb3b;
+    --color-tag-yellow-bg: #3a2800;
+    --color-tag-yellow-border: #6a5a2a;
+    --color-tag-dark-brown-bg: #1a1000;
+    --color-tag-dark-brown-border: #3a2800;
+    --color-tag-cyan-fg: #00cccc;
+    --color-tag-orange-fg: #ff6633;
+    --color-tag-red-fg: #ff4466;
+
+    --color-data-1: #6cb4ff;
+    --color-data-2: #ff7e7e;
+    --color-data-3: #d987ff;
+    --color-data-4: #ffb87a;
+    --color-data-5: #4fe6ff;
+    --color-data-6: #ffd866;
+    --color-data-7: #ff8eb8;
+    --color-data-8: #7d8eff;
+    --color-data-9: #88dd55;
+    --color-data-10: #44dddd;
+    --color-data-11: #c87fff;
+    --color-data-12: #ff5cad;
+    --color-data-13: #5fc97a;
+    --color-data-14: #e89c5b;
+    --color-data-15: #aa9cff;
+    --color-data-16: #c2db4a;
+    --color-data-17: #6fc2e5;
+    --color-data-18: #db8b6f;
+    --color-data-19: #b6f7d6;
+    --color-data-20: #ffa3d6;
+    --color-data-21: #87a6ff;
+    --color-data-22: #ffc88e;
+    --color-data-23: #c8a6e3;
+    --color-data-24: #f5e07c;
+
+    --color-focus: #00ff88;
+  }
+
+  @media (pointer: coarse) {
+    :root {
+      --font-size-xs: 12px;
+      --font-size-sm: 13px;
+      --font-size-base: 15px;
+      --font-size-lg: 17px;
+    }
+  }
+`;
+//# sourceMappingURL=GonogoTokens.js.map

package/dist/GonogoTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GonogoTokens.js","sourceRoot":"","sources":["../src/GonogoTokens.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,iBAAiB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2F5C,CAAC"}

package/dist/Grid.d.ts

@@ -0,0 +1,25 @@
+import type { HTMLAttributes, ReactNode } from "react";
+import type { SpaceToken } from "./Stack";
+export interface GridProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Fixed column template (e.g. `"120px 1fr 60px"`). Takes precedence over
+     * `minColWidth` when both are set. Extracted from the Scanning widget's
+     * coverage row (`grid-template-columns: 120px 1fr 60px`).
+     */
+    cols?: string;
+    /**
+     * Auto-fill responsive columns: `repeat(auto-fill, minmax(minColWidth, 1fr))`.
+     * Ignored when `cols` is set.
+     */
+    minColWidth?: string;
+    /** Gap between cells, snapped to the space scale. Defaults to `sm`. */
+    gap?: SpaceToken;
+    children?: ReactNode;
+}
+/**
+ * CSS grid wrapper for fixed-column rows and auto-fill card layouts — the two
+ * grid shapes widgets hand-roll (a labelled data row, a responsive card
+ * gallery).
+ */
+export declare function Grid({ cols, minColWidth, gap, children, ...rest }: GridProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Grid.d.ts.map

package/dist/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../src/Grid.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,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,WAAW,EACX,GAAU,EACV,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,SAAS,2CAMX"}

package/dist/Grid.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+/**
+ * CSS grid wrapper for fixed-column rows and auto-fill card layouts — the two
+ * grid shapes widgets hand-roll (a labelled data row, a responsive card
+ * gallery).
+ */
+export function Grid({ cols, minColWidth, gap = "sm", children, ...rest }) {
+    return (_jsx(Grid__Root, { "$cols": cols, "$minColWidth": minColWidth, "$gap": gap, ...rest, children: children }));
+}
+const Grid__Root = styled.div `
+  display: grid;
+  align-items: center;
+  gap: ${({ theme, $gap }) => theme.space[$gap]};
+  grid-template-columns: ${({ $cols, $minColWidth }) => {
+    if ($cols)
+        return $cols;
+    if ($minColWidth)
+        return `repeat(auto-fill, minmax(${$minColWidth}, 1fr))`;
+    return "1fr";
+}};
+`;
+//# sourceMappingURL=Grid.js.map

package/dist/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../src/Grid.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAoBvC;;;;GAIG;AACH,MAAM,UAAU,IAAI,CAAC,EACnB,IAAI,EACJ,WAAW,EACX,GAAG,GAAG,IAAI,EACV,QAAQ,EACR,GAAG,IAAI,EACG;IACV,OAAO,CACL,KAAC,UAAU,aAAQ,IAAI,kBAAgB,WAAW,UAAQ,GAAG,KAAM,IAAI,YACpE,QAAQ,GACE,CACd,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAI3B;;;SAGO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;2BACpB,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE;IACnD,IAAI,KAAK;QAAE,OAAO,KAAK,CAAC;IACxB,IAAI,YAAY;QAAE,OAAO,4BAA4B,YAAY,SAAS,CAAC;IAC3E,OAAO,KAAK,CAAC;AACf,CAAC;CACF,CAAC"}

package/dist/Inline.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes, ReactNode } from "react";
+import type { SpaceToken } from "./Stack";
+export interface InlineProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Gap between children, snapped to the space scale. Defaults to `sm`. */
+    gap?: SpaceToken;
+    /**
+     * Adds `margin-left: 6px` so this cluster sits apart from a preceding
+     * sibling cluster (e.g. a badge row followed by an action-button row).
+     * Verbatim source: ScienceOfficer's `Actions` (vs. plain `Badges`).
+     */
+    inset?: boolean;
+    children?: ReactNode;
+}
+/**
+ * Compact inline cluster for badges/action buttons that must not grow —
+ * `flex-shrink: 0` so it never yields space to a truncating sibling.
+ * Replaces ScienceOfficer's `Badges`/`LabBadges`/`Actions`.
+ */
+export declare function Inline({ gap, inset, children, ...rest }: InlineProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Inline.d.ts.map

package/dist/Inline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../src/Inline.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,WAAW,WAAY,SAAQ,cAAc,CAAC,eAAe,CAAC;IAClE,0EAA0E;IAC1E,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EACrB,GAAU,EACV,KAAa,EACb,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,WAAW,2CAMb"}

package/dist/Inline.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+/**
+ * Compact inline cluster for badges/action buttons that must not grow —
+ * `flex-shrink: 0` so it never yields space to a truncating sibling.
+ * Replaces ScienceOfficer's `Badges`/`LabBadges`/`Actions`.
+ */
+export function Inline({ gap = "sm", inset = false, children, ...rest }) {
+    return (_jsx(Inline__Root, { "$gap": gap, "$inset": inset, ...rest, children: children }));
+}
+const Inline__Root = styled.span `
+  display: inline-flex;
+  gap: ${({ theme, $gap }) => theme.space[$gap]};
+  flex-shrink: 0;
+  ${({ $inset }) => $inset && `margin-left: 6px;`}
+`;
+//# sourceMappingURL=Inline.js.map

package/dist/Inline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Inline.js","sourceRoot":"","sources":["../src/Inline.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAevC;;;;GAIG;AACH,MAAM,UAAU,MAAM,CAAC,EACrB,GAAG,GAAG,IAAI,EACV,KAAK,GAAG,KAAK,EACb,QAAQ,EACR,GAAG,IAAI,EACK;IACZ,OAAO,CACL,KAAC,YAAY,YAAO,GAAG,YAAU,KAAK,KAAM,IAAI,YAC7C,QAAQ,GACI,CAChB,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAuC;;SAE9D,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;;IAE3C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,IAAI,mBAAmB;CAChD,CAAC"}

package/dist/Panel.d.ts

@@ -0,0 +1,14 @@
+export declare const Panel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const PanelTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>>> & string;
+export declare const PanelSubtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+/**
+ * Scrolling region with subtle white glow indicators at the top/bottom edges
+ * when there's scroll content in that direction. Use anywhere an internal
+ * region of a widget can overflow (e.g. lists, terminal output, file trees).
+ *
+ * Forwards its ref to the inner scroll element so consumers can imperatively
+ * scroll. Accepts standard div props on the root; pass className via
+ * `styled(ScrollArea)` to apply layout to the root.
+ */
+export declare const ScrollArea: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Panel.d.ts.map

package/dist/Panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../src/Panel.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,KAAK,uVAkBjB,CAAC;AAEF,eAAO,MAAM,UAAU,uWAOtB,CAAC;AAEF,eAAO,MAAM,aAAa,uVAKzB,CAAC;AAyEF;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,2MAsDrB,CAAC"}