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

package/dist/Cluster.js

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

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

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

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

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

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

@@ -1,16 +0,0 @@
-/**
- * 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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/Panel.js

@@ -1,145 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useEffect, useImperativeHandle, useRef, useState, } from "react";
-import styled from "styled-components";
-export const Panel = styled.div `
-  /* Glow extension picked up by ScrollArea — descendant glows extend by these
-     amounts so they sit flush with the panel chrome rather than the inner
-     scroll-container edge. Panel's overflow:hidden clips the overhang. */
-  --scroll-glow-pad-y: 12px;
-  --scroll-glow-pad-x: 16px;
-
-  background: var(--color-surface-panel);
-  border: 1px solid var(--color-border-subtle);
-  border-radius: 4px;
-  padding: 12px 16px;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  overflow: hidden;
-`;
-export const PanelTitle = styled.h3 `
-  margin: 0;
-  font-size: var(--font-size-xs);
-  font-weight: 600;
-  letter-spacing: 0.15em;
-  text-transform: uppercase;
-  color: var(--color-text-dim);
-`;
-export const PanelSubtitle = styled.div `
-  font-size: 12px;
-  color: var(--color-text-muted);
-  letter-spacing: 0.05em;
-  margin-top: -4px;
-`;
-const ScrollAreaRoot = styled.div `
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  /* Grow to fill the remaining height of a flex-column parent (a Panel body
-     below a fixed-height header) so the inner element's own flex:1 can
-     engage overflow, instead of the outer box sizing to content and
-     spilling past the panel's overflow:hidden edge. Every real consumer
-     wrapping this in a Body styled-component re-applies exactly these two
-     rules, so they're the default here rather than something each widget
-     has to remember. */
-  flex: 1;
-  min-height: 0;
-`;
-/**
- * Inner scroll element. Rendered with a stable `data-scroll-area-inner`
- * attribute (set inline below) so consumers can target it from
- * `styled(ScrollArea)\`& [data-scroll-area-inner] { ... }\`` to apply padding
- * or layout (display:flex/gap) to the scrolling children.
- */
-const ScrollAreaInner = styled.div `
-  flex: 1;
-  min-height: 0;
-  overflow: auto;
-  /* Hide the native scrollbar — the glow indicators communicate scroll state.
-     Trackpads/wheels still scroll; keyboard PageUp/Down/arrows still work. */
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-  &::-webkit-scrollbar {
-    width: 0;
-    height: 0;
-    display: none;
-  }
-`;
-const ScrollOverflowGlow = styled.div `
-  position: absolute;
-  /* Extend horizontally past the scroll container so the glow sits flush with
-     the panel chrome's left/right borders. Panel's overflow:hidden clips it. */
-  left: calc(-1 * var(--scroll-glow-pad-x, 0px));
-  right: calc(-1 * var(--scroll-glow-pad-x, 0px));
-  ${({ $position }) => $position === "top"
-    ? "top: calc(-1 * var(--scroll-glow-pad-y, 0px));"
-    : "bottom: calc(-1 * var(--scroll-glow-pad-y, 0px));"}
-  height: calc(16px + var(--scroll-glow-pad-y, 0px));
-  pointer-events: none;
-  opacity: ${({ $visible }) => ($visible ? 1 : 0)};
-  transition: opacity 150ms ease;
-  /* Full-width linear fade anchored on the chrome edge — brightest right at
-     the scrollable boundary and tapering inward across the whole width. A
-     centred radial ellipse read as a discrete glowing blob floating over the
-     content; a full-width edge fade reads as the content itself dissolving
-     under a soft overlay at the edge, which is the intended "there's more,
-     scroll" affordance. */
-  background: linear-gradient(
-    ${({ $position }) => ($position === "top" ? "to bottom" : "to top")},
-    rgba(255, 255, 255, 0.13),
-    rgba(255, 255, 255, 0)
-  );
-  z-index: 1;
-
-  @media (prefers-reduced-motion: reduce) {
-    transition: none;
-  }
-`;
-/**
- * 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 const ScrollArea = forwardRef(function ScrollArea({ children, ...rest }, ref) {
-    const innerRef = useRef(null);
-    const [overflow, setOverflow] = useState({ top: false, bottom: false });
-    useImperativeHandle(ref, () => innerRef.current);
-    useEffect(() => {
-        const el = innerRef.current;
-        if (!el)
-            return;
-        const update = () => {
-            const top = el.scrollTop > 1;
-            const bottom = el.scrollTop + el.clientHeight < el.scrollHeight - 1;
-            setOverflow((prev) => prev.top === top && prev.bottom === bottom ? prev : { top, bottom });
-        };
-        update();
-        el.addEventListener("scroll", update, { passive: true });
-        const ro = new ResizeObserver(update);
-        ro.observe(el);
-        for (const child of Array.from(el.children)) {
-            ro.observe(child);
-        }
-        const mo = new MutationObserver(() => {
-            for (const child of Array.from(el.children)) {
-                ro.observe(child);
-            }
-            update();
-        });
-        mo.observe(el, { childList: true });
-        return () => {
-            el.removeEventListener("scroll", update);
-            ro.disconnect();
-            mo.disconnect();
-        };
-    }, []);
-    return (_jsxs(ScrollAreaRoot, { ...rest, children: [_jsx(ScrollAreaInner, { ref: innerRef, "data-scroll-area-inner": "", children: children }), _jsx(ScrollOverflowGlow, { "$position": "top", "$visible": overflow.top }), _jsx(ScrollOverflowGlow, { "$position": "bottom", "$visible": overflow.bottom })] }));
-});
-//# sourceMappingURL=Panel.js.map

package/dist/Panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../src/Panel.tsx"],"names":[],"mappings":"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"}

package/dist/ProgressBar.d.ts

@@ -1,15 +0,0 @@
-import type { HTMLAttributes } from "react";
-export interface ProgressBarProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
-    /** Current value, 0–100. Clamped into range before rendering. */
-    value: number;
-    /** Accessible label for screen readers (e.g. "Biome coverage — Kerbin"). */
-    ariaLabel?: string;
-}
-/**
- * Thin track+fill progress indicator. Extracted from the Scanning widget's
- * coverage bar (`CoverageBar`/`CoverageFill`) — the same shape covers the
- * ContractManager altitude-envelope bar. Renders as a native
- * `role="progressbar"` so screen readers announce the percentage.
- */
-export declare function ProgressBar({ value, ariaLabel, ...rest }: Readonly<ProgressBarProps>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/ProgressBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../src/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EAAE,QAAQ,CAAC,gBAAgB,CAAC,2CAgB5B"}

package/dist/ProgressBar.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from "styled-components";
-/**
- * Thin track+fill progress indicator. Extracted from the Scanning widget's
- * coverage bar (`CoverageBar`/`CoverageFill`) — the same shape covers the
- * ContractManager altitude-envelope bar. Renders as a native
- * `role="progressbar"` so screen readers announce the percentage.
- */
-export function ProgressBar({ value, ariaLabel, ...rest }) {
-    const clamped = Number.isFinite(value)
-        ? Math.max(0, Math.min(100, value))
-        : 0;
-    return (_jsx(ProgressBar__Track, { role: "progressbar", "aria-label": ariaLabel, "aria-valuenow": clamped, "aria-valuemin": 0, "aria-valuemax": 100, ...rest, children: _jsx(ProgressBar__Fill, { "$percent": clamped }) }));
-}
-const ProgressBar__Track = styled.div `
-  height: 6px;
-  background: var(--color-surface-raised);
-  border-radius: 3px;
-  overflow: hidden;
-`;
-const ProgressBar__Fill = styled.div `
-  height: 100%;
-  width: ${({ $percent }) => `${$percent}%`};
-  background: var(--color-accent-fg);
-  transition: width 250ms linear;
-
-  @media (prefers-reduced-motion: reduce) {
-    transition: none;
-  }
-`;
-//# sourceMappingURL=ProgressBar.js.map

package/dist/ProgressBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../src/ProgressBar.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAUvC;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACoB;IAC3B,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QACpC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC,CAAC;IACN,OAAO,CACL,KAAC,kBAAkB,IACjB,IAAI,EAAC,aAAa,gBACN,SAAS,mBACN,OAAO,mBACP,CAAC,mBACD,GAAG,KACd,IAAI,YAER,KAAC,iBAAiB,gBAAW,OAAO,GAAI,GACrB,CACtB,CAAC;AACJ,CAAC;AAED,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKpC,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAsB;;WAE/C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,GAAG,QAAQ,GAAG;;;;;;;CAO1C,CAAC"}

package/dist/Readout.d.ts

@@ -1,35 +0,0 @@
-export type ReadoutTone = "default" | "go" | "warning" | "alert";
-/**
- * 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 declare const BigReadout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$tone"> & {
-    $tone?: ReadoutTone;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$tone"> & {
-    $tone?: ReadoutTone;
-}, never>>> & string;
-/**
- * Smaller-scale variant for "small" responsive modes — same hero treatment
- * but at a compact size. Doesn't fill — sits alongside other content.
- */
-export declare const Readout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$tone"> & {
-    $tone?: ReadoutTone;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$tone"> & {
-    $tone?: ReadoutTone;
-}, never>>> & string;
-/** Muted secondary line for both readout sizes (e.g. units, mode tag). */
-export declare const ReadoutCaption: 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;
-/**
- * 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 declare const StatusPill: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$tone"> & {
-    $tone: ReadoutTone;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$tone"> & {
-    $tone: ReadoutTone;
-}, never>>> & string;
-//# sourceMappingURL=Readout.d.ts.map

package/dist/Readout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Readout.d.ts","sourceRoot":"","sources":["../src/Readout.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC;AAejE;;;;;;GAMG;AACH,eAAO,MAAM,UAAU;YAAwB,WAAW;;YAAX,WAAW;oBAczD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,OAAO;YAAwB,WAAW;;YAAX,WAAW;oBAQtD,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,cAAc,2VAM1B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,UAAU;WAAuB,WAAW;;WAAX,WAAW;oBAoDxD,CAAC"}