@xeonr/platform-ui 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+export { BRAND, GRAD, GRAD_90, cssVariables, v } from "./theme/tokens.ts";
+export { AppThemeProvider, useTheme, type ThemePref } from "./theme/ThemeProvider.tsx";
+export { Icon, extendIcons, type IconName } from "./kit/Icon.tsx";
+export { AppButton, IconButton, ButtonRow, type AppButtonProps } from "./kit/Button.tsx";
+export { StatusPill, Tag, LiveDot, type Tone } from "./kit/Badge.tsx";
+export { Panel, PanelHead, PanelTitle, PanelActions, PanelBody, MicroLabel, Hairline } from "./kit/Panel.tsx";
+export { Skeleton, SkeletonRow } from "./kit/Skeleton.tsx";
+export { EmptyState } from "./kit/EmptyState.tsx";
+export { FormGrid, Field, Input, MonoInput, Select, TextArea, Segmented, Toggle, FormSection, FormActions, InlineError, KVEditor, kvToMap, mapToKv, type KVPair, } from "./kit/Form.tsx";
+export { EntityModal, ConfirmDialog, PromptDialog } from "./kit/Modal.tsx";
+export { DataTable, type Column } from "./kit/DataTable.tsx";
+export { PageHead, PageTitle, PageActions, FactLine, PageBody, SubNav } from "./kit/PageHeader.tsx";
+export { EntityHeader, CodeChip } from "./kit/EntityHeader.tsx";
+export { LogSurface, LogPanel, type LogLine } from "./kit/LogView.tsx";
+export { KVGrid } from "./kit/KV.tsx";
+export { SecretField, CopyIcon } from "./kit/Secret.tsx";
+export { ToastProvider, useToast } from "./kit/Toast.tsx";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAIvF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC9G,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EACL,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EACtE,WAAW,EAAE,WAAW,EAAE,WAAW,EACrC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,MAAM,GACxC,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACpG,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/index.js

@@ -0,0 +1,24 @@
+// @xeonr/platform-ui — the Xeonr Platform Suite design language.
+//
+// Tokens + theme: the --x-* custom-property sheet (dark-first, first-class
+// light), the tri-state ThemeProvider, and `v` for styled-components.
+export { BRAND, GRAD, GRAD_90, cssVariables, v } from "./theme/tokens.js";
+export { AppThemeProvider, useTheme } from "./theme/ThemeProvider.js";
+// Kit: the same names and props container-platform/ui and functions/ui use,
+// so adopting the package is an import-path change.
+export { Icon, extendIcons } from "./kit/Icon.js";
+export { AppButton, IconButton, ButtonRow } from "./kit/Button.js";
+export { StatusPill, Tag, LiveDot } from "./kit/Badge.js";
+export { Panel, PanelHead, PanelTitle, PanelActions, PanelBody, MicroLabel, Hairline } from "./kit/Panel.js";
+export { Skeleton, SkeletonRow } from "./kit/Skeleton.js";
+export { EmptyState } from "./kit/EmptyState.js";
+export { FormGrid, Field, Input, MonoInput, Select, TextArea, Segmented, Toggle, FormSection, FormActions, InlineError, KVEditor, kvToMap, mapToKv, } from "./kit/Form.js";
+export { EntityModal, ConfirmDialog, PromptDialog } from "./kit/Modal.js";
+export { DataTable } from "./kit/DataTable.js";
+export { PageHead, PageTitle, PageActions, FactLine, PageBody, SubNav } from "./kit/PageHeader.js";
+export { EntityHeader, CodeChip } from "./kit/EntityHeader.js";
+export { LogSurface, LogPanel } from "./kit/LogView.js";
+export { KVGrid } from "./kit/KV.js";
+export { SecretField, CopyIcon } from "./kit/Secret.js";
+export { ToastProvider, useToast } from "./kit/Toast.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,EAAE;AACF,2EAA2E;AAC3E,sEAAsE;AACtE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAkB,MAAM,0BAA2B,CAAC;AAEvF,4EAA4E;AAC5E,oDAAoD;AACpD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAiB,MAAM,eAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAuB,MAAM,iBAAkB,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,OAAO,EAAa,MAAM,gBAAiB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,gBAAiB,CAAC;AAC9G,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,mBAAoB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAsB,CAAC;AAClD,OAAO,EACL,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EACtE,WAAW,EAAE,WAAW,EAAE,WAAW,EACrC,QAAQ,EAAE,OAAO,EAAE,OAAO,GAC3B,MAAM,eAAgB,CAAC;AACxB,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,gBAAiB,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAe,MAAM,oBAAqB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,qBAAsB,CAAC;AACpG,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,uBAAwB,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAgB,MAAM,kBAAmB,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAc,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,iBAAkB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,gBAAiB,CAAC"}

package/dist/kit/Badge.d.ts

@@ -0,0 +1,19 @@
+export type Tone = "ok" | "run" | "warn" | "crit" | "info" | "brand" | "mut";
+export declare const StatusPill: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
+    $tone: Tone;
+    $live?: boolean | undefined;
+}>> & string;
+/** Tag: small mono chip for technical strings (kinds, commits, roles). */
+export declare const Tag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
+    $tone?: Tone | undefined;
+}>> & string;
+export declare const LiveDot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
+    $tone?: Tone | undefined;
+}>> & string;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/kit/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/kit/Badge.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;AAc7E,eAAO,MAAM,UAAU;;;WAAwB,IAAI;YAAU,OAAO,GAAG,SAAS;YAsB/E,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,GAAG;;;YAAyB,IAAI,GAAG,SAAS;YAgBxD,CAAC;AAGF,eAAO,MAAM,OAAO;;;YAAsB,IAAI,GAAG,SAAS;YAMzD,CAAC"}

package/dist/kit/Badge.js

@@ -0,0 +1,61 @@
+import styled, { css, keyframes } from "styled-components";
+import { v } from "../theme/tokens.js";
+const tones = {
+    ok: css `background: ${v.successBg}; color: ${v.success};`,
+    run: css `background: ${v.infoBg}; color: ${v.info};`,
+    warn: css `background: ${v.warningBg}; color: ${v.warning};`,
+    crit: css `background: ${v.dangerBg}; color: ${v.danger};`,
+    info: css `background: ${v.infoBg}; color: ${v.info};`,
+    brand: css `background: ${v.brand12}; color: ${v.brand};`,
+    mut: css `background: ${v.hover}; color: ${v.muted};`,
+};
+const breathe = keyframes `50% { opacity: 0.45; }`;
+export const StatusPill = styled.span `
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  height: 22px;
+  padding: 0 9px;
+  border-radius: 6px;
+  font-size: 10.5px;
+  font-weight: 600;
+  letter-spacing: 0.02em;
+  white-space: nowrap;
+  ${(p) => tones[p.$tone]}
+  ${(p) => p.$live &&
+    css `
+      &::before {
+        content: "";
+        width: 6px; height: 6px; border-radius: 50%;
+        background: currentColor;
+        animation: ${breathe} 2.4s ease-in-out infinite;
+      }
+    `}
+`;
+/** Tag: small mono chip for technical strings (kinds, commits, roles). */
+export const Tag = styled.span `
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  height: 20px;
+  padding: 0 7px;
+  border-radius: 5px;
+  font-family: ${v.mono};
+  font-size: 10.5px;
+  border: 1px solid ${v.line2};
+  color: ${v.muted};
+  white-space: nowrap;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  ${(p) => (p.$tone ? css `border-color: transparent; ${tones[p.$tone]}` : "")}
+`;
+const dotPulse = keyframes `50% { opacity: 0.4; }`;
+export const LiveDot = styled.i `
+  display: inline-block;
+  width: 7px; height: 7px; border-radius: 50%;
+  background: ${(p) => (p.$tone === "crit" ? v.danger : p.$tone === "warn" ? v.warning : v.success)};
+  box-shadow: 0 0 8px currentColor;
+  animation: ${dotPulse} 2.4s ease-in-out infinite;
+`;
+//# sourceMappingURL=Badge.js.map

package/dist/kit/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/kit/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AAIvC,MAAM,KAAK,GAAyC;IAClD,EAAE,EAAE,GAAG,CAAA,eAAe,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,OAAO,GAAG;IACzD,GAAG,EAAE,GAAG,CAAA,eAAe,CAAC,CAAC,MAAM,YAAY,CAAC,CAAC,IAAI,GAAG;IACpD,IAAI,EAAE,GAAG,CAAA,eAAe,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,OAAO,GAAG;IAC3D,IAAI,EAAE,GAAG,CAAA,eAAe,CAAC,CAAC,QAAQ,YAAY,CAAC,CAAC,MAAM,GAAG;IACzD,IAAI,EAAE,GAAG,CAAA,eAAe,CAAC,CAAC,MAAM,YAAY,CAAC,CAAC,IAAI,GAAG;IACrD,KAAK,EAAE,GAAG,CAAA,eAAe,CAAC,CAAC,OAAO,YAAY,CAAC,CAAC,KAAK,GAAG;IACxD,GAAG,EAAE,GAAG,CAAA,eAAe,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC,KAAK,GAAG;CACrD,CAAC;AAEF,MAAM,OAAO,GAAG,SAAS,CAAA,wBAAwB,CAAC;AAElD,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAA8C;;;;;;;;;;;IAW/E,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACrB,CAAC,CAAC,EAAE,EAAE,CACN,CAAC,CAAC,KAAK;IACP,GAAG,CAAA;;;;;qBAKc,OAAO;;KAEvB;CACJ,CAAC;AAEF,0EAA0E;AAC1E,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAA8B;;;;;;;iBAO3C,CAAC,CAAC,IAAI;;sBAED,CAAC,CAAC,KAAK;WAClB,CAAC,CAAC,KAAK;;;;;IAKd,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAA,8BAA8B,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;CAC5E,CAAC;AAEF,MAAM,QAAQ,GAAG,SAAS,CAAA,uBAAuB,CAAC;AAClD,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAA8B;;;gBAG7C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;;eAEpF,QAAQ;CACtB,CAAC"}

package/dist/kit/Button.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode, ComponentProps } from "react";
+import { type IconName } from "./Icon.tsx";
+type Variant = "grad" | "ghost" | "quiet" | "danger";
+type Size = "md" | "sm" | "xs";
+export interface AppButtonProps extends Omit<ComponentProps<"button">, "ref"> {
+    variant?: Variant | undefined;
+    size?: Size | undefined;
+    icon?: IconName | undefined;
+    loading?: boolean | undefined;
+    children?: ReactNode | undefined;
+    /** render as another element (e.g. as={Link} to=…) */
+    as?: React.ElementType | undefined;
+    to?: string | undefined;
+    href?: string | undefined;
+    target?: string | undefined;
+    rel?: string | undefined;
+}
+export declare function AppButton({ variant, size, icon, loading, children, disabled, ...rest }: AppButtonProps): import("react").JSX.Element;
+export declare const IconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
+    $size?: number | undefined;
+}>> & string;
+export declare const ButtonRow: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export {};
+//# sourceMappingURL=Button.d.ts.map

package/dist/kit/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/kit/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEjD,KAAK,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AACrD,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAuD/B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IAC3E,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC,sDAAsD;IACtD,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IACnC,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EAAE,OAAiB,EAAE,IAAW,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,+BAOvH;AAED,eAAO,MAAM,UAAU;;;YAA2B,MAAM,GAAG,SAAS;YAYnE,CAAC;AAEF,eAAO,MAAM,SAAS;;WAIrB,CAAC"}

package/dist/kit/Button.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled, { css } from "styled-components";
+import { v } from "../theme/tokens.js";
+import { Icon } from "./Icon.js";
+const sizes = {
+    md: css `height: 34px; padding: 0 14px; font-size: 12.5px;`,
+    sm: css `height: 30px; padding: 0 12px; font-size: 12px;`,
+    xs: css `height: 26px; padding: 0 10px; font-size: 11.5px;`,
+};
+const Base = styled.button `
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 7px;
+  border-radius: ${v.rCtl};
+  font-weight: 600;
+  white-space: nowrap;
+  border: 1px solid transparent;
+  transition: filter 0.14s ease, background 0.14s ease, border-color 0.14s ease;
+  text-decoration: none;
+  ${(p) => sizes[p.$size]}
+  &:active:not(:disabled) { transform: translateY(1px); }
+  &:disabled { opacity: 0.55; cursor: not-allowed; }
+
+  ${(p) => p.$variant === "grad" &&
+    css `
+      background: ${v.grad};
+      color: ${v.onBrand};
+      box-shadow: 0 8px 20px -12px ${v.brand55};
+      &:hover:not(:disabled) { filter: brightness(1.08); }
+    `}
+  ${(p) => p.$variant === "ghost" &&
+    css `
+      border-color: ${v.line2};
+      background: ${v.surface};
+      color: ${v.text};
+      &:hover:not(:disabled) { border-color: ${v.brand55}; }
+    `}
+  ${(p) => p.$variant === "quiet" &&
+    css `
+      background: ${v.hover};
+      color: ${v.text};
+      &:hover:not(:disabled) { background: ${v.brand12}; }
+    `}
+  ${(p) => p.$variant === "danger" &&
+    css `
+      background: ${v.dangerBg};
+      color: ${v.danger};
+      &:hover:not(:disabled) { filter: brightness(1.06); border-color: ${v.danger}; }
+    `}
+`;
+export function AppButton({ variant = "ghost", size = "sm", icon, loading, children, disabled, ...rest }) {
+    return (_jsxs(Base, { "$variant": variant, "$size": size, disabled: disabled || loading, ...rest, children: [loading ? _jsx(Icon, { name: "spinner", spin: true }) : icon ? _jsx(Icon, { name: icon }) : null, children] }));
+}
+export const IconButton = styled.button `
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: ${(p) => p.$size ?? 30}px;
+  height: ${(p) => p.$size ?? 30}px;
+  border-radius: ${v.rCtl};
+  color: ${v.muted};
+  border: 1px solid transparent;
+  transition: background 0.14s ease, color 0.14s ease;
+  &:hover { background: ${v.hover}; color: ${v.text}; }
+  &:active { transform: translateY(1px); }
+`;
+export const ButtonRow = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+`;
+//# sourceMappingURL=Button.js.map

package/dist/kit/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/kit/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAiB,MAAM,WAAY,CAAC;AAKjD,MAAM,KAAK,GAAyC;IAClD,EAAE,EAAE,GAAG,CAAA,mDAAmD;IAC1D,EAAE,EAAE,GAAG,CAAA,iDAAiD;IACxD,EAAE,EAAE,GAAG,CAAA,mDAAmD;CAC3D,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAoC;;;;;mBAK3C,CAAC,CAAC,IAAI;;;;;;IAMrB,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;;;;IAIrB,CAAC,CAAC,EAAE,EAAE,CACN,CAAC,CAAC,QAAQ,KAAK,MAAM;IACrB,GAAG,CAAA;oBACa,CAAC,CAAC,IAAI;eACX,CAAC,CAAC,OAAO;qCACa,CAAC,CAAC,OAAO;;KAEzC;IACD,CAAC,CAAC,EAAE,EAAE,CACN,CAAC,CAAC,QAAQ,KAAK,OAAO;IACtB,GAAG,CAAA;sBACe,CAAC,CAAC,KAAK;oBACT,CAAC,CAAC,OAAO;eACd,CAAC,CAAC,IAAI;+CAC0B,CAAC,CAAC,OAAO;KACnD;IACD,CAAC,CAAC,EAAE,EAAE,CACN,CAAC,CAAC,QAAQ,KAAK,OAAO;IACtB,GAAG,CAAA;oBACa,CAAC,CAAC,KAAK;eACZ,CAAC,CAAC,IAAI;6CACwB,CAAC,CAAC,OAAO;KACjD;IACD,CAAC,CAAC,EAAE,EAAE,CACN,CAAC,CAAC,QAAQ,KAAK,QAAQ;IACvB,GAAG,CAAA;oBACa,CAAC,CAAC,QAAQ;eACf,CAAC,CAAC,MAAM;yEACkD,CAAC,CAAC,MAAM;KAC5E;CACJ,CAAC;AAgBF,MAAM,UAAU,SAAS,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,IAAI,GAAG,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAkB;IACtH,OAAO,CACL,MAAC,IAAI,gBAAW,OAAO,WAAS,IAAI,EAAE,QAAQ,EAAE,QAAQ,IAAI,OAAO,KAAM,IAAI,aAC1E,OAAO,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,SAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,EAC3E,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAgC;;;;WAI5D,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE;YACnB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE;mBACb,CAAC,CAAC,IAAI;WACd,CAAC,CAAC,KAAK;;;0BAGQ,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC,IAAI;;CAElD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIlC,CAAC"}

package/dist/kit/DataTable.d.ts

@@ -0,0 +1,23 @@
+import { type ReactNode } from "react";
+export interface Column<T> {
+    key: string;
+    head: ReactNode;
+    render: (row: T) => ReactNode;
+    width?: string | undefined;
+    align?: "left" | "right" | undefined;
+    /** hide below this viewport width (px) */
+    hideBelow?: number | undefined;
+}
+export declare function DataTable<T>({ columns, rows, rowKey, loading, skeletonRows, empty, rowHref, onRowClick, severity, footer }: {
+    columns: Column<T>[];
+    rows: T[] | undefined;
+    rowKey: (row: T) => string;
+    loading?: boolean | undefined;
+    skeletonRows?: number | undefined;
+    empty?: ReactNode | undefined;
+    rowHref?: ((row: T) => string | null) | undefined;
+    onRowClick?: ((row: T) => void) | undefined;
+    severity?: ((row: T) => "crit" | "warn" | null) | undefined;
+    footer?: ReactNode | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/kit/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/kit/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOjD,MAAM,WAAW,MAAM,CAAC,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IACrC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAiDD,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,YAAgB,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE;IAC/H,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,IAAI,EAAE,CAAC,EAAE,GAAG,SAAS,CAAC;IACtB,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAClD,UAAU,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5C,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5D,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAChC,+BA6CA"}

package/dist/kit/DataTable.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
+import styled, { css } from "styled-components";
+import { useNavigate } from "react-router-dom";
+import { v } from "../theme/tokens.js";
+import { Panel } from "./Panel.js";
+import { Skeleton, SkeletonRow } from "./Skeleton.js";
+const Table = styled.table `
+  border-collapse: collapse;
+  width: 100%;
+  font-size: 12.5px;
+`;
+const Th = styled.th `
+  text-align: ${(p) => p.$align ?? "left"};
+  font-size: 10px;
+  font-weight: 600;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  color: ${v.faint};
+  background: ${v.surface2};
+  border-bottom: 1px solid ${v.line};
+  padding: 9px 16px;
+  white-space: nowrap;
+  ${(p) => p.$hide && css `@media (max-width: ${p.$hide}px) { display: none; }`}
+`;
+const Td = styled.td `
+  text-align: ${(p) => p.$align ?? "left"};
+  padding: 10px 16px;
+  border-bottom: 1px solid ${v.line};
+  vertical-align: middle;
+  ${(p) => p.$hide && css `@media (max-width: ${p.$hide}px) { display: none; }`}
+`;
+// Severity edge bar — an xmb port: a 3px inset mark down the row's leading edge.
+const Tr = styled.tr `
+  ${(p) => p.$click && css `cursor: pointer; &:hover td { background: ${v.hover}; }`}
+  &:last-child td { border-bottom: none; }
+  ${(p) => p.$mark && css `td:first-child { box-shadow: inset 3px 0 0 0 ${p.$mark === "crit" ? v.danger : v.warning}; }`}
+`;
+const FootRow = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px 16px;
+  font-size: 11.5px;
+  color: ${v.faint};
+  border-top: 1px solid ${v.line};
+`;
+const Scroll = styled.div `overflow-x: auto;`;
+export function DataTable({ columns, rows, rowKey, loading, skeletonRows = 5, empty, rowHref, onRowClick, severity, footer }) {
+    const navigate = useNavigate();
+    const showSkeleton = loading && (!rows || rows.length === 0);
+    const isEmpty = !loading && rows && rows.length === 0;
+    return (_jsxs(Panel, { children: [_jsx(Scroll, { children: _jsxs(Table, { children: [_jsx("thead", { children: _jsx("tr", { children: columns.map((c) => _jsx(Th, { "$align": c.align, "$hide": c.hideBelow, style: c.width ? { width: c.width } : undefined, children: c.head }, c.key)) }) }), !showSkeleton && !isEmpty ? (_jsx("tbody", { style: loading ? { opacity: 0.55 } : undefined, children: (rows ?? []).map((r) => {
+                                const href = rowHref?.(r) ?? null;
+                                const click = !!href || !!onRowClick;
+                                return (_jsx(Tr, { "$click": click, "$mark": severity?.(r) ?? null, onClick: click ? () => (href ? navigate(href) : onRowClick?.(r)) : undefined, children: columns.map((c) => _jsx(Td, { "$align": c.align, "$hide": c.hideBelow, children: c.render(r) }, c.key)) }, rowKey(r)));
+                            }) })) : null] }) }), showSkeleton ? (_jsx("div", { children: Array.from({ length: skeletonRows }).map((_, i) => (_jsxs(SkeletonRow, { children: [_jsx(Skeleton, { "$w": "26%" }), _jsx(Skeleton, { "$w": "12%" }), _jsx(Skeleton, { "$w": "8%" }), _jsx(Skeleton, { "$w": "16%" })] }, i))) })) : null, isEmpty ? _jsx(Fragment, { children: empty }) : null, footer && !showSkeleton && !isEmpty ? _jsx(FootRow, { children: footer }) : null] }));
+}
+//# sourceMappingURL=DataTable.js.map

package/dist/kit/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../src/kit/DataTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AACjD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAa,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,eAAgB,CAAC;AAYvD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;;;;CAIzB,CAAC;AAEF,MAAM,EAAE,GAAG,MAAM,CAAC,EAAE,CAAuE;gBAC3E,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,IAAI,MAAM;;;;;WAK9B,CAAC,CAAC,KAAK;gBACF,CAAC,CAAC,QAAQ;6BACG,CAAC,CAAC,IAAI;;;IAG/B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,CAAA,sBAAsB,CAAC,CAAC,KAAK,wBAAwB;CAC7E,CAAC;AAEF,MAAM,EAAE,GAAG,MAAM,CAAC,EAAE,CAAuE;gBAC3E,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,IAAI,MAAM;;6BAEZ,CAAC,CAAC,IAAI;;IAE/B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,CAAA,sBAAsB,CAAC,CAAC,KAAK,wBAAwB;CAC7E,CAAC;AAEF,iFAAiF;AACjF,MAAM,EAAE,GAAG,MAAM,CAAC,EAAE,CAA8E;IAC9F,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,IAAI,GAAG,CAAA,6CAA6C,CAAC,CAAC,KAAK,KAAK;;IAE/E,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,CAAA,gDAAgD,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK;CACtH,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;WAMf,CAAC,CAAC,KAAK;0BACQ,CAAC,CAAC,IAAI;CAC/B,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA,mBAAmB,CAAC;AAE7C,MAAM,UAAU,SAAS,CAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAW5H;IACC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,OAAO,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;IAC7D,MAAM,OAAO,GAAG,CAAC,OAAO,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;IAEtD,OAAO,CACL,MAAC,KAAK,eACJ,KAAC,MAAM,cACL,MAAC,KAAK,eACJ,0BACE,uBAAK,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAC,EAAE,cAAqB,CAAC,CAAC,KAAK,WAAS,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,YAAG,CAAC,CAAC,IAAI,IAApG,CAAC,CAAC,GAAG,CAAqG,CAAC,GAAM,GAC5I,EACP,CAAC,YAAY,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAC3B,gBAAO,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,YAClD,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;gCACtB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;gCAClC,MAAM,KAAK,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,UAAU,CAAC;gCACrC,OAAO,CACL,KAAC,EAAE,cAEO,KAAK,WACN,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,EAC5B,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,YAE3E,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAC,EAAE,cAAqB,CAAC,CAAC,KAAK,WAAS,CAAC,CAAC,SAAS,YAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAxD,CAAC,CAAC,GAAG,CAAyD,CAAC,IALvF,MAAM,CAAC,CAAC,CAAC,CAMX,CACN,CAAC;4BACJ,CAAC,CAAC,GACI,CACT,CAAC,CAAC,CAAC,IAAI,IACF,GACD,EACR,YAAY,CAAC,CAAC,CAAC,CACd,wBACG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClD,MAAC,WAAW,eACV,KAAC,QAAQ,UAAI,KAAK,GAAG,EAAA,KAAC,QAAQ,UAAI,KAAK,GAAG,EAAA,KAAC,QAAQ,UAAI,IAAI,GAAG,EAAA,KAAC,QAAQ,UAAI,KAAK,GAAG,KADnE,CAAC,CAEL,CACf,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,CAAC,CAAC,KAAC,QAAQ,cAAE,KAAK,GAAY,CAAC,CAAC,CAAC,IAAI,EAC7C,MAAM,IAAI,CAAC,YAAY,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAC,OAAO,cAAE,MAAM,GAAW,CAAC,CAAC,CAAC,IAAI,IACnE,CACT,CAAC;AACJ,CAAC"}

package/dist/kit/EmptyState.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+import { type IconName } from "./Icon.tsx";
+export declare function EmptyState({ icon, title, desc, action, compact }: {
+    icon?: IconName | undefined;
+    title: string;
+    desc?: string | undefined;
+    action?: ReactNode | undefined;
+    compact?: boolean | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/kit/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../src/kit/EmptyState.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAyCjD,wBAAgB,UAAU,CAAC,EAAE,IAAY,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;IACzE,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B,+BASA"}

package/dist/kit/EmptyState.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from "styled-components";
+import { v } from "../theme/tokens.js";
+import { Icon } from "./Icon.js";
+const Wrap = styled.div `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  gap: 6px;
+  padding: ${(p) => (p.$compact ? "34px 20px" : "56px 24px")};
+`;
+const Glyph = styled.div `
+  width: 46px;
+  height: 46px;
+  border-radius: 12px;
+  display: grid;
+  place-items: center;
+  background: ${v.brand08};
+  color: ${v.brand};
+  font-size: 17px;
+  margin-bottom: 6px;
+`;
+const Title = styled.div `
+  font-size: 13.5px;
+  font-weight: 600;
+`;
+const Desc = styled.div `
+  font-size: 12.5px;
+  color: ${v.muted};
+  max-width: 46ch;
+`;
+const Actions = styled.div `
+  margin-top: 12px;
+  display: flex;
+  gap: 8px;
+`;
+export function EmptyState({ icon = "box", title, desc, action, compact }) {
+    return (_jsxs(Wrap, { "$compact": compact, children: [_jsx(Glyph, { children: _jsx(Icon, { name: icon }) }), _jsx(Title, { children: title }), desc ? _jsx(Desc, { children: desc }) : null, action ? _jsx(Actions, { children: action }) : null] }));
+}
+//# sourceMappingURL=EmptyState.js.map

package/dist/kit/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../src/kit/EmptyState.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAiB,MAAM,WAAY,CAAC;AAEjD,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAoC;;;;;;;aAO9C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC;CAC3D,CAAC;AAEF,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;gBAMR,CAAC,CAAC,OAAO;WACd,CAAC,CAAC,KAAK;;;CAGjB,CAAC;AAEF,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGvB,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;WAEZ,CAAC,CAAC,KAAK;;CAEjB,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIzB,CAAC;AAEF,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAMtE;IACC,OAAO,CACL,MAAC,IAAI,gBAAW,OAAO,aACrB,KAAC,KAAK,cAAC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,GAAQ,EACnC,KAAC,KAAK,cAAE,KAAK,GAAS,EACrB,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,cAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,EACjC,MAAM,CAAC,CAAC,CAAC,KAAC,OAAO,cAAE,MAAM,GAAW,CAAC,CAAC,CAAC,IAAI,IACvC,CACR,CAAC;AACJ,CAAC"}

package/dist/kit/EntityHeader.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from "react";
+import { type IconName } from "./Icon.tsx";
+export declare const CodeChip: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare function EntityHeader({ icon, title, plainTitle, chips, after, actions }: {
+    icon: IconName;
+    title: string;
+    /** sans-serif title for user-defined labels; mono (the default) suits ids */
+    plainTitle?: boolean | undefined;
+    /** mono code chips under the title: url, repo, created… */
+    chips?: ReactNode[] | undefined;
+    /** rendered next to the title: status pill etc. */
+    after?: ReactNode | undefined;
+    actions?: ReactNode | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=EntityHeader.d.ts.map

package/dist/kit/EntityHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityHeader.d.ts","sourceRoot":"","sources":["../../src/kit/EntityHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAyCjD,eAAO,MAAM,QAAQ;;WAWpB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;IAC/E,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,2DAA2D;IAC3D,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IAChC,mDAAmD;IACnD,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC,+BAcA"}

package/dist/kit/EntityHeader.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from "styled-components";
+import { v } from "../theme/tokens.js";
+import { Icon } from "./Icon.js";
+const Wrap = styled.header `
+  display: flex;
+  align-items: center;
+  gap: 13px;
+  flex-wrap: wrap;
+`;
+const Tile = styled.div `
+  width: 38px;
+  height: 38px;
+  flex: none;
+  border-radius: 11px;
+  background: ${v.grad};
+  color: ${v.onBrand};
+  display: grid;
+  place-items: center;
+  font-size: 15px;
+  box-shadow: 0 8px 20px -12px ${v.brand55};
+`;
+const Title = styled.h2 `
+  margin: 0;
+  font-family: ${(p) => (p.$plain ? v.font : v.mono)};
+  font-size: 17px;
+  font-weight: 600;
+  letter-spacing: -0.01em;
+  word-break: break-all;
+`;
+const SubRow = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  flex-wrap: wrap;
+  margin-top: 3px;
+  font-size: 11.5px;
+  color: ${v.faint};
+`;
+export const CodeChip = styled.code `
+  font-size: 10.5px;
+  border-radius: 4px;
+  padding: 2px 6px;
+  background: ${v.hover};
+  border: 1px solid ${v.line};
+  color: ${v.muted};
+  max-width: 320px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+export function EntityHeader({ icon, title, plainTitle, chips, after, actions }) {
+    return (_jsxs(Wrap, { children: [_jsx(Tile, { children: _jsx(Icon, { name: icon }) }), _jsxs("div", { style: { minWidth: 0 }, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10, flexWrap: "wrap" }, children: [_jsx(Title, { "$plain": plainTitle, children: title }), after] }), chips && chips.length ? _jsx(SubRow, { children: chips.map((c, i) => _jsx("span", { children: c }, i)) }) : null] }), actions ? _jsx(Actions, { children: actions }) : null] }));
+}
+const Actions = styled.div `
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+`;
+//# sourceMappingURL=EntityHeader.js.map

package/dist/kit/EntityHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityHeader.js","sourceRoot":"","sources":["../../src/kit/EntityHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAiB,MAAM,WAAY,CAAC;AAEjD,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;CAKzB,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;gBAKP,CAAC,CAAC,IAAI;WACX,CAAC,CAAC,OAAO;;;;iCAIa,CAAC,CAAC,OAAO;CACzC,CAAC;AAEF,MAAM,KAAK,GAAG,MAAM,CAAC,EAAE,CAAkC;;iBAExC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;;;;;CAKnD,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;WAOd,CAAC,CAAC,KAAK;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAA;;;;gBAInB,CAAC,CAAC,KAAK;sBACD,CAAC,CAAC,IAAI;WACjB,CAAC,CAAC,KAAK;;;;;CAKjB,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAU5E;IACC,OAAO,CACL,MAAC,IAAI,eACH,KAAC,IAAI,cAAC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAI,GAAO,EACjC,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,aACzB,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,aAC9E,KAAC,KAAK,cAAS,UAAU,YAAG,KAAK,GAAS,EACzC,KAAK,IACF,EACL,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAC,MAAM,cAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,yBAAe,CAAC,IAAL,CAAC,CAAY,CAAC,GAAU,CAAC,CAAC,CAAC,IAAI,IAC5F,EACL,OAAO,CAAC,CAAC,CAAC,KAAC,OAAO,cAAE,OAAO,GAAW,CAAC,CAAC,CAAC,IAAI,IACzC,CACR,CAAC;AACJ,CAAC;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKzB,CAAC"}

package/dist/kit/Form.d.ts

@@ -0,0 +1,78 @@
+import type { ReactNode } from "react";
+export declare const FormGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
+    $cols?: number | undefined;
+}>> & string;
+export declare const FieldWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
+    $span?: number | undefined;
+}>> & string;
+export declare function Field({ label, hint, span, children }: {
+    label: string;
+    hint?: ReactNode | undefined;
+    span?: number | undefined;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const MonoInput: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const Select: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const TextArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
+    $mono?: boolean | undefined;
+}>> & string;
+export declare function Segmented<T extends string>({ options, value, onChange }: {
+    options: {
+        value: T;
+        label: string;
+    }[];
+    value: T;
+    onChange: (val: T) => void;
+}): import("react").JSX.Element;
+export declare function Toggle({ checked, onChange, label, disabled }: {
+    checked: boolean;
+    onChange: (c: boolean) => void;
+    label: ReactNode;
+    disabled?: boolean | undefined;
+}): import("react").JSX.Element;
+export declare function FormSection({ title, desc, badge, children }: {
+    title: string;
+    desc?: string | undefined;
+    badge?: ReactNode | undefined;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export interface KVPair {
+    k: string;
+    v: string;
+}
+export declare function KVEditor({ rows, onChange, disabled, keyPlaceholder, valuePlaceholder, addLabel, secret, validateKey }: {
+    rows: KVPair[];
+    onChange: (rows: KVPair[]) => void;
+    disabled?: boolean | undefined;
+    keyPlaceholder?: string | undefined;
+    valuePlaceholder?: string | undefined;
+    addLabel?: string | undefined;
+    /** render value inputs as password fields (secret material) */
+    secret?: boolean | undefined;
+    /** returns why a key is invalid, or null — shown inline under the row */
+    validateKey?: ((key: string) => string | null) | undefined;
+}): import("react").JSX.Element;
+/** Rows → wire map, dropping blank names and trimming keys. */
+export declare function kvToMap(rows: KVPair[]): Record<string, string>;
+/** Wire map → rows (for prefill/readback). */
+export declare function mapToKv(m: Record<string, string> | undefined): KVPair[];
+export declare const FormActions: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const InlineError: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+//# sourceMappingURL=Form.d.ts.map

package/dist/kit/Form.d.ts.map

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