@kosmeo-ui/react 0.1.0

package/dist/components/data-display/listRow/styles.css

@@ -0,0 +1,22 @@
+.k-list-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  padding: 0.6rem 0.75rem;
+  border: 1px solid var(--border-color);
+  border-radius: 0.25rem;
+  background: var(--background-color);
+}
+
+.k-list-row-body {
+  flex: 1;
+  min-width: 0;
+}
+
+.k-list-row-actions {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  flex-shrink: 0;
+}

package/dist/components/data-display/recoveryCodeGrid/index.d.ts

@@ -0,0 +1,11 @@
+import "./styles.css";
+export interface RecoveryCodeGridProps {
+    codes: string[];
+    /** Number of columns. Defaults to 2. */
+    columns?: 1 | 2 | 3;
+    /** Show each code with a numeric prefix (1., 2., …). Defaults to false. */
+    numbered?: boolean;
+}
+declare const RecoveryCodeGrid: ({ codes, columns, numbered, }: RecoveryCodeGridProps) => import("react").JSX.Element;
+export default RecoveryCodeGrid;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/recoveryCodeGrid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/recoveryCodeGrid/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,wCAAwC;IACxC,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,gBAAgB,GAAI,+BAIvB,qBAAqB,gCAavB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/data-display/recoveryCodeGrid/index.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import "./styles.css";
+const RecoveryCodeGrid = ({ codes, columns = 2, numbered, }) => {
+    return (_jsx("ul", { className: `k-recovery-code-grid k-recovery-code-grid-${columns}col`, children: codes.map((code, i) => (_jsxs("li", { className: "k-recovery-code-grid-item", children: [numbered && (_jsxs("span", { className: "k-recovery-code-grid-index", children: [i + 1, "."] })), _jsx("code", { className: "k-recovery-code-grid-code", children: code })] }, code))) }));
+};
+export default RecoveryCodeGrid;
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/recoveryCodeGrid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/recoveryCodeGrid/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,cAAc,CAAC;AAUtB,MAAM,gBAAgB,GAAG,CAAC,EACxB,KAAK,EACL,OAAO,GAAG,CAAC,EACX,QAAQ,GACc,EAAE,EAAE;IAC1B,OAAO,CACL,aAAI,SAAS,EAAE,6CAA6C,OAAO,KAAK,YACrE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,cAAe,SAAS,EAAC,2BAA2B,aACjD,QAAQ,IAAI,CACX,gBAAM,SAAS,EAAC,4BAA4B,aAAE,CAAC,GAAG,CAAC,SAAS,CAC7D,EACD,eAAM,SAAS,EAAC,2BAA2B,YAAE,IAAI,GAAQ,KAJlD,IAAI,CAKR,CACN,CAAC,GACC,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/data-display/recoveryCodeGrid/styles.css

@@ -0,0 +1,47 @@
+.k-recovery-code-grid {
+  list-style: none;
+  margin: 0;
+  padding: 0.75rem;
+  display: grid;
+  gap: 0.5rem;
+  border: 0.0625rem solid var(--border-color);
+  border-radius: 0.375rem;
+  background: var(--background-color-light, var(--background-color));
+}
+
+.k-recovery-code-grid-1col {
+  grid-template-columns: 1fr;
+}
+.k-recovery-code-grid-2col {
+  grid-template-columns: repeat(2, 1fr);
+}
+.k-recovery-code-grid-3col {
+  grid-template-columns: repeat(3, 1fr);
+}
+
+@media (max-width: 480px) {
+  .k-recovery-code-grid-2col,
+  .k-recovery-code-grid-3col {
+    grid-template-columns: 1fr;
+  }
+}
+
+.k-recovery-code-grid-item {
+  display: flex;
+  align-items: baseline;
+  gap: 0.375rem;
+}
+
+.k-recovery-code-grid-index {
+  font-size: 0.75rem;
+  color: var(--text-color);
+  opacity: 0.55;
+  min-width: 1.5rem;
+  text-align: right;
+}
+
+.k-recovery-code-grid-code {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 0.9375rem;
+  letter-spacing: 0.03em;
+}

package/dist/components/data-display/secretDisplay/index.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from "react";
+import "./styles.css";
+export interface SecretDisplayProps {
+    /** The secret value to display. */
+    value: string;
+    /** Show a copy-to-clipboard button. Defaults to true. */
+    copyable?: boolean;
+    /** Show a reveal/hide toggle. Defaults to false. When true the value is masked initially. */
+    revealable?: boolean;
+    /** Optional element rendered before the value (icon, prefix). */
+    leading?: ReactNode;
+    /** When revealable, character used for masking. Defaults to "•". */
+    maskChar?: string;
+    /** Visible character count when masked. Defaults to 12. */
+    maskLength?: number;
+}
+declare const SecretDisplay: ({ value, copyable, revealable, leading, maskChar, maskLength, }: SecretDisplayProps) => import("react").JSX.Element;
+export default SecretDisplay;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/secretDisplay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/secretDisplay/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAC5C,OAAO,cAAc,CAAC;AAQtB,MAAM,WAAW,kBAAkB;IACjC,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6FAA6F;IAC7F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iEAAiE;IACjE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,aAAa,GAAI,iEAOpB,kBAAkB,gCA0CpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/data-display/secretDisplay/index.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import IconButton from "../../buttons/iconButton/index.js";
+import { useState } from "react";
+import "./styles.css";
+import { faCheck, faCopy, faEye, faEyeSlash, } from "@fortawesome/free-solid-svg-icons";
+const SecretDisplay = ({ value, copyable = true, revealable = false, leading, maskChar = "•", maskLength = 12, }) => {
+    const [revealed, setRevealed] = useState(!revealable);
+    const [copied, setCopied] = useState(false);
+    const handleCopy = async () => {
+        try {
+            await navigator.clipboard.writeText(value);
+            setCopied(true);
+            window.setTimeout(() => setCopied(false), 1500);
+        }
+        catch {
+            /* clipboard unavailable */
+        }
+    };
+    const display = revealed ? value : maskChar.repeat(maskLength);
+    return (_jsxs("div", { className: "k-secret-display", children: [leading && _jsx("div", { className: "k-secret-display-leading", children: leading }), _jsx("code", { className: "k-secret-display-value k-mono", children: display }), revealable && (_jsx(IconButton, { icon: revealed ? faEyeSlash : faEye, onClick: () => setRevealed((r) => !r), variant: "secondary", size: "sm", fullWidth: false, "aria-label": revealed ? "Hide" : "Reveal" })), copyable && (_jsx(IconButton, { icon: copied ? faCheck : faCopy, onClick: handleCopy, variant: "secondary", size: "sm", fullWidth: false, "aria-label": "Copy" }))] }));
+};
+export default SecretDisplay;
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/secretDisplay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/secretDisplay/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,cAAc,CAAC;AACtB,OAAO,EACL,OAAO,EACP,MAAM,EACN,KAAK,EACL,UAAU,GACX,MAAM,mCAAmC,CAAC;AAiB3C,MAAM,aAAa,GAAG,CAAC,EACrB,KAAK,EACL,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,KAAK,EAClB,OAAO,EACP,QAAQ,GAAG,GAAG,EACd,UAAU,GAAG,EAAE,GACI,EAAE,EAAE;IACvB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC;IACtD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;QAC5B,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YAC3C,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QAClD,CAAC;QAAC,MAAM,CAAC;YACP,2BAA2B;QAC7B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAE/D,OAAO,CACL,eAAK,SAAS,EAAC,kBAAkB,aAC9B,OAAO,IAAI,cAAK,SAAS,EAAC,0BAA0B,YAAE,OAAO,GAAO,EACrE,eAAM,SAAS,EAAC,+BAA+B,YAAE,OAAO,GAAQ,EAC/D,UAAU,IAAI,CACb,KAAC,UAAU,IACT,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EACrC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,KAAK,gBACJ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,GACxC,CACH,EACA,QAAQ,IAAI,CACX,KAAC,UAAU,IACT,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAC/B,OAAO,EAAE,UAAU,EACnB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,KAAK,gBACL,MAAM,GACjB,CACH,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/data-display/secretDisplay/styles.css

@@ -0,0 +1,24 @@
+.k-secret-display {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.5rem 0.75rem;
+  border: 1px solid var(--border-color);
+  border-radius: 0.375rem;
+  background: var(--background-color-light);
+}
+
+.k-secret-display-leading {
+  flex-shrink: 0;
+  color: var(--text-color-secondary);
+}
+
+.k-secret-display-value {
+  flex: 1;
+  min-width: 0;
+  padding: 0.125rem 0.25rem;
+  background-color: var(--background-color);
+  border-radius: 0.25rem;
+  word-break: break-all;
+  user-select: all;
+}

package/dist/components/data-display/statCard/index.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from "react";
+import "./styles.css";
+export type StatCardIconVariant = "primary" | "secondary" | "success" | "warning" | "danger";
+export interface StatCardProps {
+    label: ReactNode;
+    value: ReactNode;
+    /** Optional leading icon rendered in a colored tile. */
+    icon?: ReactNode;
+    /** Background color for the icon tile. Defaults to "primary". */
+    iconVariant?: StatCardIconVariant;
+    /** Optional element rendered on the right (e.g., chevron). */
+    trailing?: ReactNode;
+    /** If provided, the card renders as an anchor and uses `href`. */
+    href?: string;
+    /** Click handler. Card receives hover styling when interactive. */
+    onClick?: () => void;
+    /** Compact preset: small uppercase label above large value, no icon/trailing. */
+    compact?: boolean;
+}
+declare const StatCard: ({ label, value, icon, iconVariant, trailing, href, onClick, compact, }: StatCardProps) => import("react").JSX.Element;
+export default StatCard;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/statCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/statCard/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,MAAM,mBAAmB,GAC7B,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE7D,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,wDAAwD;IACxD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iEAAiE;IACjE,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,QAAQ,GAAI,wEASf,aAAa,gCAuDf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/data-display/statCard/index.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import Card from "../../layout/card/index.js";
+import "./styles.css";
+const StatCard = ({ label, value, icon, iconVariant = "primary", trailing, href, onClick, compact = false, }) => {
+    const isInteractive = Boolean(href || onClick);
+    const classes = [
+        "k-stat-card",
+        compact ? "k-stat-card-compact" : "k-stat-card-default",
+        isInteractive ? "k-stat-card-interactive" : "",
+    ]
+        .filter(Boolean)
+        .join(" ");
+    const body = compact ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "k-stat-card-label", children: label }), _jsx("div", { className: "k-stat-card-value", children: value })] })) : (_jsxs(_Fragment, { children: [icon && (_jsx("div", { className: `k-stat-card-icon k-stat-card-icon-${iconVariant}`, children: icon })), _jsxs("div", { className: "k-stat-card-content", children: [_jsx("div", { className: "k-stat-card-value", children: value }), _jsx("div", { className: "k-stat-card-label", children: label })] }), trailing && _jsx("div", { className: "k-stat-card-trailing", children: trailing })] }));
+    if (href) {
+        return (_jsx("a", { href: href, className: classes, onClick: onClick, children: _jsx(Card, { padding: compact ? "small" : "default", hoverable: true, children: body }) }));
+    }
+    if (onClick) {
+        return (_jsx("button", { type: "button", className: classes, onClick: onClick, children: _jsx(Card, { padding: compact ? "small" : "default", hoverable: true, children: body }) }));
+    }
+    return (_jsx("div", { className: classes, children: _jsx(Card, { padding: compact ? "small" : "default", children: body }) }));
+};
+export default StatCard;
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/statCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/statCard/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,4BAA4B,CAAC;AAE9C,OAAO,cAAc,CAAC;AAsBtB,MAAM,QAAQ,GAAG,CAAC,EAChB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,WAAW,GAAG,SAAS,EACvB,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,OAAO,GAAG,KAAK,GACD,EAAE,EAAE;IAClB,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG;QACd,aAAa;QACb,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,qBAAqB;QACvD,aAAa,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE;KAC/C;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CACrB,8BACE,cAAK,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAO,EAChD,cAAK,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAO,IAC/C,CACJ,CAAC,CAAC,CAAC,CACF,8BACG,IAAI,IAAI,CACP,cAAK,SAAS,EAAE,qCAAqC,WAAW,EAAE,YAC/D,IAAI,GACD,CACP,EACD,eAAK,SAAS,EAAC,qBAAqB,aAClC,cAAK,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAO,EAChD,cAAK,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAO,IAC5C,EACL,QAAQ,IAAI,cAAK,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAO,IAClE,CACJ,CAAC;IAEF,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,YAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,YACjD,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,kBACpD,IAAI,GACA,GACL,CACL,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,YACxD,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,kBACpD,IAAI,GACA,GACA,CACV,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAE,OAAO,YACrB,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,YAAG,IAAI,GAAQ,GACvD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/data-display/statCard/styles.css

@@ -0,0 +1,96 @@
+.k-stat-card {
+  display: block;
+  color: inherit;
+  text-decoration: none;
+}
+
+.k-stat-card-interactive {
+  cursor: pointer;
+  background: transparent;
+  border: none;
+  padding: 0;
+  text-align: inherit;
+  font: inherit;
+  width: 100%;
+}
+
+/* Lay the icon / value+label / trailing out in a row. The flex must sit on
+   .k-card-body (the element that directly contains them); Card wraps its
+   children in .k-card-body, so targeting .k-card alone has no effect. */
+.k-stat-card-default .k-card-body {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+}
+
+.k-stat-card-compact .k-card {
+  background: var(--background-color-dark);
+}
+
+.k-stat-card-icon {
+  width: 3rem;
+  height: 3rem;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--text-color-light);
+  font-size: 1.5rem;
+  flex-shrink: 0;
+}
+
+.k-stat-card-icon-primary {
+  background-color: var(--primary-color);
+}
+.k-stat-card-icon-secondary {
+  background-color: var(--secondary-color);
+}
+.k-stat-card-icon-success {
+  background-color: var(--success-color);
+}
+.k-stat-card-icon-warning {
+  background-color: var(--warning-color);
+}
+.k-stat-card-icon-danger {
+  background-color: var(--danger-color);
+}
+
+.k-stat-card-content {
+  flex: 1;
+  min-width: 0;
+}
+
+.k-stat-card-default .k-stat-card-value {
+  font-size: 2rem;
+  font-weight: 700;
+  color: var(--text-color);
+  line-height: 1;
+}
+
+.k-stat-card-default .k-stat-card-label {
+  font-size: 0.875rem;
+  color: var(--text-color-secondary);
+  margin-top: 0.25rem;
+}
+
+.k-stat-card-compact .k-stat-card-label {
+  font-size: 0.75rem;
+  color: var(--text-color-secondary);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+
+.k-stat-card-compact .k-stat-card-value {
+  font-size: 1.5rem;
+  font-weight: 600;
+  margin-top: 0.25rem;
+}
+
+.k-stat-card-trailing {
+  color: var(--border-color);
+  flex-shrink: 0;
+}
+
+.k-stat-card-interactive:hover .k-stat-card-trailing {
+  color: var(--primary-color);
+}

package/dist/components/data-display/summaryRow/index.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+import "./styles.css";
+export interface SummaryRowItem {
+    label: ReactNode;
+    value: ReactNode;
+}
+export interface SummaryRowProps {
+    items: SummaryRowItem[];
+}
+declare const SummaryRow: ({ items }: SummaryRowProps) => import("react").JSX.Element;
+export default SummaryRow;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/summaryRow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/summaryRow/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAED,QAAA,MAAM,UAAU,GAAI,WAAW,eAAe,gCAW7C,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/data-display/summaryRow/index.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "./styles.css";
+const SummaryRow = ({ items }) => {
+    return (_jsx("div", { className: "k-summary-row", children: items.map((item, i) => (_jsxs("div", { className: "k-summary-row-cell", children: [_jsx("span", { className: "k-summary-row-label", children: item.label }), _jsx("span", { className: "k-summary-row-value", children: item.value })] }, i))) }));
+};
+export default SummaryRow;
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/summaryRow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/summaryRow/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,cAAc,CAAC;AAWtB,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAmB,EAAE,EAAE;IAChD,OAAO,CACL,cAAK,SAAS,EAAC,eAAe,YAC3B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAAa,SAAS,EAAC,oBAAoB,aACzC,eAAM,SAAS,EAAC,qBAAqB,YAAE,IAAI,CAAC,KAAK,GAAQ,EACzD,eAAM,SAAS,EAAC,qBAAqB,YAAE,IAAI,CAAC,KAAK,GAAQ,KAFjD,CAAC,CAGL,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/data-display/summaryRow/styles.css

@@ -0,0 +1,26 @@
+.k-summary-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+  padding: 0.5rem 0.75rem;
+  font-size: 0.85rem;
+  font-weight: 600;
+  background-color: var(--background-color-dark);
+  border: 1px solid var(--border-color);
+  border-radius: 4px;
+}
+
+.k-summary-row-cell {
+  display: inline-flex;
+  align-items: baseline;
+  gap: 0.375rem;
+}
+
+.k-summary-row-label {
+  color: var(--text-color-secondary);
+  font-weight: 500;
+}
+
+.k-summary-row-value {
+  color: var(--text-color);
+}

package/dist/components/data-display/table/index.d.ts

@@ -0,0 +1,37 @@
+import type { TableColumn, TableRow } from "../dataTable/types.js";
+import { ReactNode } from "react";
+import "./styles.css";
+export interface TableProps<TData> {
+    columns: TableColumn<TData>[];
+    rows: TData[];
+    /**
+     * Stable per-row key. Defaults to `index` — provide this if rows can
+     * reorder/insert so React reconciliation is correct.
+     */
+    rowKey?: (row: TData, index: number) => string | number;
+    /**
+     * Row click handler. Cells with `disableRowClick` on their column won't
+     * fire this. When set, rows render `cursor: pointer` automatically.
+     */
+    onRowClick?: (row: TData, index: number) => void;
+    /**
+     * When provided, matching rows get `data-selected="true"` for selection
+     * styling. Combine with `onRowClick` for click-to-select pickers.
+     */
+    isRowSelected?: (row: TData, index: number) => boolean;
+    /** Rendered (as a single full-width cell) when `rows` is empty. */
+    emptyMessage?: ReactNode;
+    striped?: boolean;
+    bordered?: boolean;
+    hover?: boolean;
+    /**
+     * Wraps the table in a scrollable container with a sticky header. Pass any
+     * CSS length (string) or a number (interpreted as pixels).
+     */
+    maxHeight?: string | number;
+    style?: React.CSSProperties;
+}
+declare const Table: <TData>({ columns, rows, rowKey, onRowClick, isRowSelected, emptyMessage, striped, bordered, hover, maxHeight, style, }: TableProps<TData>) => import("react").JSX.Element;
+export default Table;
+export type { TableColumn, TableRow };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/table/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,UAAU,CAAC,KAAK;IAC/B,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,KAAK,EAAE,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IACxD;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACvD,mEAAmE;IACnE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,KAAK,GAAI,KAAK,EAAG,iHAYpB,UAAU,CAAC,KAAK,CAAC,gCAqGnB,CAAC;AAEF,eAAe,KAAK,CAAC;AACrB,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/data-display/table/index.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import parseDataKey from "../dataTable/utils/parseDataKey.js";
+import "./styles.css";
+const Table = ({ columns, rows, rowKey, onRowClick, isRowSelected, emptyMessage, striped = true, bordered = true, hover = true, maxHeight, style, }) => {
+    const visibleColumns = columns.filter((c) => !c.hidden);
+    const clickable = !!onRowClick;
+    const tableClasses = [
+        "k-table",
+        striped ? "k-table-striped" : "",
+        hover ? "k-table-hover" : "",
+        bordered ? "k-table-bordered" : "",
+        clickable ? "k-table-clickable" : "",
+    ]
+        .filter(Boolean)
+        .join(" ");
+    const table = (_jsxs("table", { className: tableClasses, style: maxHeight ? undefined : style, children: [_jsx("thead", { children: _jsx("tr", { children: visibleColumns.map((c, idx) => {
+                        const alignClass = c.align ? `k-data-table-align-${c.align}` : "";
+                        const content = c.headerElement
+                            ? c.headerElement(c.title)
+                            : c.title;
+                        return (_jsx("th", { className: `k-data-table-header-cell ${alignClass}`.trim(), style: {
+                                width: c.width,
+                                minWidth: c.minWidth,
+                                maxWidth: c.maxWidth,
+                            }, children: content }, idx));
+                    }) }) }), _jsx("tbody", { children: rows.length === 0 && emptyMessage !== undefined ? (_jsx("tr", { children: _jsx("td", { colSpan: visibleColumns.length, children: emptyMessage }) })) : (rows.map((row, i) => {
+                    const key = rowKey ? rowKey(row, i) : i;
+                    return (_jsx("tr", { onClick: onRowClick ? () => onRowClick(row, i) : undefined, "data-selected": isRowSelected && isRowSelected(row, i) ? "true" : undefined, children: visibleColumns.map((c, ci) => {
+                            const alignClass = c.align
+                                ? `k-data-table-align-${c.align}`
+                                : "";
+                            const content = c.cellElement
+                                ? c.cellElement(row, i)
+                                : c.dataKey
+                                    ? parseDataKey(c.dataKey, row)
+                                    : null;
+                            return (_jsx("td", { className: alignClass || undefined, onClick: c.disableRowClick
+                                    ? (e) => e.stopPropagation()
+                                    : undefined, children: content }, ci));
+                        }) }, key));
+                })) })] }));
+    if (maxHeight === undefined) {
+        return table;
+    }
+    const resolvedMaxHeight = typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight;
+    return (_jsx("div", { className: "k-table-scroll-container", style: { maxHeight: resolvedMaxHeight, ...style }, children: table }));
+};
+export default Table;
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/table/index.js.map

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

package/dist/components/data-display/table/styles.css

@@ -0,0 +1,61 @@
+.k-table {
+  width: 100%;
+  border-collapse: collapse;
+  text-align: left;
+  color: var(--text-color);
+  background-color: var(--background-color-light);
+}
+
+.k-table th,
+.k-table td {
+  padding: 0.5rem;
+}
+
+.k-table th {
+  font-weight: 600;
+}
+
+.k-table-striped tbody tr:nth-of-type(odd) {
+  background-color: var(--background-color-dark);
+}
+
+.k-table-hover tbody tr:hover {
+  background-color: var(--background-color-hover);
+}
+
+.k-table-bordered {
+  border: 1px solid var(--border-color);
+}
+
+.k-table-bordered th,
+.k-table-bordered td {
+  border-top: 1px solid var(--border-color);
+}
+
+.k-table-bordered th:not(:first-child),
+.k-table-bordered td:not(:first-child) {
+  border-left: 1px solid var(--border-color);
+}
+
+/* ===== Clickable rows ===== */
+.k-table-clickable tbody tr {
+  cursor: pointer;
+}
+
+/* ===== Row selection (caller marks rows with data-selected="true") ===== */
+.k-table tbody tr[data-selected="true"] {
+  background-color: var(--primary-color-background-light);
+}
+
+/* ===== Scrollable wrapper with sticky header ===== */
+.k-table-scroll-container {
+  overflow-y: auto;
+  border: 1px solid var(--border-color);
+  border-radius: 4px;
+}
+
+.k-table-scroll-container .k-table thead tr {
+  position: sticky;
+  top: 0;
+  background: var(--background-color-light);
+}

package/dist/components/data-display/tagCard/index.d.ts

@@ -0,0 +1,10 @@
+import "./styles.css";
+interface TagCardProps {
+    title: string;
+    tags: string[];
+    color?: "primary" | "secondary";
+    emptyText?: string;
+}
+declare const TagCard: (props: TagCardProps) => import("react").JSX.Element;
+export default TagCard;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/tagCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/tagCard/index.tsx"],"names":[],"mappings":"AAKA,OAAO,cAAc,CAAC;AAEtB,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,OAAO,GAAI,OAAO,YAAY,gCAsBnC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/data-display/tagCard/index.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Badge from "../../feedback/badge/index.js";
+import Card from "../../layout/card/index.js";
+import Col from "../../layout/col/index.js";
+import "./styles.css";
+const TagCard = (props) => {
+    const { color = "primary" } = props;
+    return (_jsx(Card, { children: _jsxs(Col, { size: "sm", children: [_jsx("h3", { children: props.title }), props.tags.length ? (_jsx("ul", { className: "k-tag-card-list", children: props.tags.map((t) => (_jsx(Badge, { variant: color, size: "md", pill: true, children: t }, t))) })) : (props.emptyText && (_jsx("p", { className: "k-tag-card-empty-text", children: props.emptyText })))] }) }));
+};
+export default TagCard;
+//# sourceMappingURL=index.js.map

package/dist/components/data-display/tagCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/tagCard/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,+BAA+B,CAAC;AAClD,OAAO,IAAI,MAAM,4BAA4B,CAAC;AAC9C,OAAO,GAAG,MAAM,2BAA2B,CAAC;AAC5C,OAAO,cAAc,CAAC;AAStB,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACtC,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,CACL,KAAC,IAAI,cACH,MAAC,GAAG,IAAC,IAAI,EAAC,IAAI,aACZ,uBAAK,KAAK,CAAC,KAAK,GAAM,EACrB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACnB,aAAI,SAAS,EAAC,iBAAiB,YAC5B,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACrB,KAAC,KAAK,IAAS,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,IAAI,EAAC,IAAI,kBAC1C,CAAC,IADQ,CAAC,CAEL,CACT,CAAC,GACC,CACN,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,SAAS,IAAI,CACjB,YAAG,SAAS,EAAC,uBAAuB,YAAE,KAAK,CAAC,SAAS,GAAK,CAC3D,CACF,IACG,GACD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/data-display/tagCard/styles.css

@@ -0,0 +1,14 @@
+.k-tag-card-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+
+.k-tag-card-empty-text {
+  color: var(--text-color-secondary);
+  font-style: italic;
+  margin: 0;
+}

package/dist/components/feedback/alert/index.d.ts

@@ -0,0 +1,17 @@
+import { PropsWithSize, PropsWithVariant } from "../../types.js";
+import "./styles.css";
+export interface AlertProps extends PropsWithSize, PropsWithVariant {
+    /** The child element(s) that will appear in the Alert */
+    children: React.ReactNode;
+    /** **_Optional_** bold heading rendered above the children. */
+    heading?: React.ReactNode;
+    /** **_Optional_** prop for whether to allow the alert to be dismissed by the user */
+    dismissible?: boolean;
+    /** **_Optional_** function that is called when the dismiss button is pressed on the Alert */
+    onDismiss?: React.MouseEventHandler<HTMLButtonElement>;
+    /** **_Optional_** button text to display */
+    buttonText?: string;
+}
+declare const Alert: (props: AlertProps) => import("react").JSX.Element;
+export default Alert;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/feedback/alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/alert/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,cAAc,CAAC;AAQtB,MAAM,WAAW,UAAW,SAAQ,aAAa,EAAE,gBAAgB;IACjE,yDAAyD;IACzD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qFAAqF;IACrF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6FAA6F;IAC7F,SAAS,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACvD,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,KAAK,GAAI,OAAO,UAAU,gCAwC/B,CAAC;AAEF,eAAe,KAAK,CAAC"}