@steez-ui/ui 0.1.5 → 0.1.7

package/dist/components/PixelTooltip.module.css

@@ -0,0 +1,81 @@
+.trigger {
+  display: inline-flex;
+  align-items: center;
+  cursor: help;
+}
+
+.tooltip {
+  position: fixed;
+  z-index: var(--z-tooltip);
+  pointer-events: none;
+  opacity: 0;
+  transition:
+    opacity 250ms ease-in-out,
+    transform 250ms ease-in-out;
+}
+
+.tooltip.show {
+  opacity: 1;
+  animation: tooltipFadeIn 250ms ease-out forwards;
+}
+
+.pixelContainer {
+  position: relative;
+  width: fit-content;
+  max-width: 150px;
+  padding: 6px 10px;
+  background: var(--accent-primary);
+  border: 1px solid var(--accent-primary);
+  white-space: normal;
+  image-rendering: pixelated;
+  image-rendering: -moz-crisp-edges;
+  image-rendering: crisp-edges;
+}
+
+.content {
+  position: relative;
+  z-index: 1;
+  color: #fff;
+  font-family: var(--font-mono);
+  font-size: 11px;
+  line-height: 1.3;
+  text-align: left;
+}
+
+.tooltip.top {
+  margin-top: -8px;
+  transform: translateY(-100%);
+}
+
+.tooltip.bottom {
+  margin-top: 0;
+  transform: translateY(0);
+}
+
+.tooltip.left {
+  margin-left: -8px;
+  transform: translateX(-100%) translateY(-50%);
+}
+
+.tooltip.right {
+  margin-left: 8px;
+  transform: translateY(-50%);
+}
+
+@keyframes tooltipFadeIn {
+  0% {
+    opacity: 0;
+    transform: translateY(-4px) scale(0.95);
+  }
+
+  100% {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
+@media (max-width: 768px) {
+  .tooltip {
+    display: none;
+  }
+}

package/dist/components/QuickInfoCard.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+export interface QuickInfoItem {
+    icon?: React.ReactNode;
+    label: string;
+    value: string | number;
+    valueColor?: "default" | "success" | "warning" | "danger";
+    mono?: boolean;
+}
+export interface StorageProgress {
+    used: number;
+    limit: number;
+}
+export interface QuickInfoCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    items: QuickInfoItem[];
+    storageProgress?: StorageProgress;
+    showCornerBrackets?: boolean;
+}
+export declare function QuickInfoCard({ items, storageProgress, className, showCornerBrackets, ...props }: QuickInfoCardProps): import("react/jsx-runtime").JSX.Element;
+export default QuickInfoCard;
+//# sourceMappingURL=QuickInfoCard.d.ts.map

package/dist/components/QuickInfoCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickInfoCard.d.ts","sourceRoot":"","sources":["../../src/components/QuickInfoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAeD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,eAAe,EACf,SAAc,EACd,kBAAyB,EACzB,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAiEpB;AAED,eAAe,aAAa,CAAC"}

package/dist/components/QuickInfoCard.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from "./QuickInfoCard.module.css";
+function formatFileSize(bytes) {
+    if (bytes === 0) {
+        return "0 Bytes";
+    }
+    const base = 1024;
+    const sizes = ["Bytes", "KB", "MB", "GB"];
+    const unitIndex = Math.floor(Math.log(bytes) / Math.log(base));
+    return `${parseFloat((bytes / Math.pow(base, unitIndex)).toFixed(2))} ${sizes[unitIndex]}`;
+}
+export function QuickInfoCard({ items, storageProgress, className = "", showCornerBrackets = true, ...props }) {
+    const storageRatio = storageProgress
+        ? storageProgress.used / Math.max(storageProgress.limit, 1)
+        : 0;
+    const storageToneClass = storageRatio > 0.9
+        ? styles.storageDanger
+        : storageRatio > 0.7
+            ? styles.storageWarning
+            : "";
+    const getValueToneClass = (color) => {
+        switch (color) {
+            case "success":
+                return styles.valueSuccess;
+            case "warning":
+                return styles.valueWarning;
+            case "danger":
+                return styles.valueDanger;
+            default:
+                return "";
+        }
+    };
+    return (_jsxs("div", { className: `${styles.card} ${showCornerBrackets ? styles.cardWithBrackets : ""} ${className}`.trim(), ...props, children: [items.map((item, index) => (_jsxs("div", { className: styles.item, children: [item.icon ? _jsx("div", { className: styles.icon, children: item.icon }) : null, _jsxs("div", { className: styles.info, children: [_jsx("span", { className: styles.label, children: item.label }), _jsx("span", { className: `${styles.value} ${item.mono ? styles.valueMono : ""} ${getValueToneClass(item.valueColor)}`.trim(), children: item.value })] })] }, `${item.label}-${index}`))), storageProgress ? (_jsxs("div", { className: styles.storageProgress, children: [_jsxs("div", { className: styles.storageProgressLabel, children: [_jsx("span", { children: "Storage" }), _jsxs("span", { className: styles.storageProgressValue, children: [formatFileSize(storageProgress.used), " /", " ", formatFileSize(storageProgress.limit)] })] }), _jsx("div", { className: styles.storageProgressBar, children: _jsx("div", { className: `${styles.storageProgressFill} ${storageToneClass}`.trim(), style: {
+                                "--storage-progress-width": `${Math.min(storageRatio * 100, 100)}%`,
+                            } }) })] })) : null] }));
+}
+export default QuickInfoCard;
+//# sourceMappingURL=QuickInfoCard.js.map

package/dist/components/QuickInfoCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickInfoCard.js","sourceRoot":"","sources":["../../src/components/QuickInfoCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\n\nimport styles from \"./QuickInfoCard.module.css\";\n\nexport interface QuickInfoItem {\n  icon?: React.ReactNode;\n  label: string;\n  value: string | number;\n  valueColor?: \"default\" | \"success\" | \"warning\" | \"danger\";\n  mono?: boolean;\n}\n\nexport interface StorageProgress {\n  used: number;\n  limit: number;\n}\n\nexport interface QuickInfoCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  items: QuickInfoItem[];\n  storageProgress?: StorageProgress;\n  showCornerBrackets?: boolean;\n}\n\nfunction formatFileSize(bytes: number) {\n  if (bytes === 0) {\n    return \"0 Bytes\";\n  }\n\n  const base = 1024;\n  const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\"];\n  const unitIndex = Math.floor(Math.log(bytes) / Math.log(base));\n  return `${parseFloat((bytes / Math.pow(base, unitIndex)).toFixed(2))} ${\n    sizes[unitIndex]\n  }`;\n}\n\nexport function QuickInfoCard({\n  items,\n  storageProgress,\n  className = \"\",\n  showCornerBrackets = true,\n  ...props\n}: QuickInfoCardProps) {\n  const storageRatio = storageProgress\n    ? storageProgress.used / Math.max(storageProgress.limit, 1)\n    : 0;\n  const storageToneClass =\n    storageRatio > 0.9\n      ? styles.storageDanger\n      : storageRatio > 0.7\n        ? styles.storageWarning\n        : \"\";\n\n  const getValueToneClass = (color?: QuickInfoItem[\"valueColor\"]) => {\n    switch (color) {\n      case \"success\":\n        return styles.valueSuccess;\n      case \"warning\":\n        return styles.valueWarning;\n      case \"danger\":\n        return styles.valueDanger;\n      default:\n        return \"\";\n    }\n  };\n\n  return (\n    <div\n      className={`${styles.card} ${showCornerBrackets ? styles.cardWithBrackets : \"\"} ${className}`.trim()}\n      {...props}\n    >\n      {items.map((item, index) => (\n        <div key={`${item.label}-${index}`} className={styles.item}>\n          {item.icon ? <div className={styles.icon}>{item.icon}</div> : null}\n          <div className={styles.info}>\n            <span className={styles.label}>{item.label}</span>\n            <span\n              className={`${styles.value} ${item.mono ? styles.valueMono : \"\"} ${getValueToneClass(item.valueColor)}`.trim()}\n            >\n              {item.value}\n            </span>\n          </div>\n        </div>\n      ))}\n      {storageProgress ? (\n        <div className={styles.storageProgress}>\n          <div className={styles.storageProgressLabel}>\n            <span>Storage</span>\n            <span className={styles.storageProgressValue}>\n              {formatFileSize(storageProgress.used)} /{\" \"}\n              {formatFileSize(storageProgress.limit)}\n            </span>\n          </div>\n          <div className={styles.storageProgressBar}>\n            <div\n              className={`${styles.storageProgressFill} ${storageToneClass}`.trim()}\n              style={\n                {\n                  \"--storage-progress-width\": `${Math.min(storageRatio * 100, 100)}%`,\n                } as React.CSSProperties\n              }\n            />\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nexport default QuickInfoCard;\n"]}

package/dist/components/QuickInfoCard.module.css

@@ -0,0 +1,138 @@
+.card {
+  display: flex;
+  gap: 1.5rem;
+  padding: 1rem 1.5rem;
+  margin: 0.75rem;
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  flex-wrap: wrap;
+  position: relative;
+  overflow: visible;
+}
+
+.cardWithBrackets::before {
+  content: "";
+  position: absolute;
+  top: -0.5rem;
+  left: -0.5rem;
+  width: 0.5rem;
+  height: 0.5rem;
+  border-top: 1px solid var(--border-color);
+  border-left: 1px solid var(--border-color);
+}
+
+.cardWithBrackets::after {
+  content: "";
+  position: absolute;
+  bottom: -0.5rem;
+  right: -0.5rem;
+  width: 0.5rem;
+  height: 0.5rem;
+  border-bottom: 1px solid var(--border-color);
+  border-right: 1px solid var(--border-color);
+}
+
+.item {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  flex: 1;
+  min-width: 150px;
+}
+
+.icon {
+  display: grid;
+  place-items: center;
+  flex-shrink: 0;
+  color: var(--accent-primary);
+}
+
+.icon :global(svg) {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+.info {
+  display: flex;
+  flex-direction: column;
+  gap: 0.125rem;
+  flex: 1;
+}
+
+.label {
+  color: var(--text-secondary);
+  font-size: 0.6875rem;
+  font-weight: 500;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.value {
+  color: var(--text-primary);
+  font-size: 1rem;
+  font-weight: 600;
+}
+
+.valueMono {
+  font-family: var(--font-mono);
+}
+
+.valueSuccess {
+  color: var(--color-success, #10b981);
+}
+
+.valueWarning {
+  color: var(--color-warning, #f59e0b);
+}
+
+.valueDanger {
+  color: var(--color-error, #ef4444);
+}
+
+.storageProgress {
+  flex: 1;
+  min-width: 200px;
+  display: flex;
+  flex-direction: column;
+  gap: 0.375rem;
+}
+
+.storageProgressLabel {
+  display: flex;
+  justify-content: space-between;
+  color: var(--text-secondary);
+  font-size: 0.6875rem;
+  font-weight: 500;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+.storageProgressValue {
+  color: var(--text-primary);
+  font-family: var(--font-mono);
+  font-weight: 600;
+}
+
+.storageProgressBar {
+  height: 8px;
+  background: color-mix(in srgb, var(--bg-primary) 82%, transparent);
+  border-radius: 4px;
+  overflow: hidden;
+  border: 1px solid var(--border-color);
+}
+
+.storageProgressFill {
+  height: 100%;
+  width: var(--storage-progress-width, 0%);
+  background: var(--accent-primary);
+  border-radius: 3px;
+  transition: width 220ms ease;
+}
+
+.storageWarning {
+  background: var(--color-warning, #f59e0b);
+}
+
+.storageDanger {
+  background: var(--color-error, #ef4444);
+}

package/dist/components/Section.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface SectionProps extends Omit<React.HTMLAttributes<HTMLElement>, "title"> {
+    title?: React.ReactNode;
+    titleClassName?: string;
+    contentClassName?: string;
+}
+export declare function Section({ title, children, className, titleClassName, contentClassName, ...props }: SectionProps): import("react/jsx-runtime").JSX.Element;
+export default Section;
+//# sourceMappingURL=Section.d.ts.map

package/dist/components/Section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/components/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACxD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,SAAc,EACd,cAAmB,EACnB,gBAAqB,EACrB,GAAG,KAAK,EACT,EAAE,YAAY,2CAWd;AAED,eAAe,OAAO,CAAC"}

package/dist/components/Section.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from "./Section.module.css";
+export function Section({ title, children, className = "", titleClassName = "", contentClassName = "", ...props }) {
+    return (_jsxs("section", { className: `${styles.section} ${className}`.trim(), ...props, children: [title ? (_jsx("h3", { className: `${styles.title} ${titleClassName}`.trim(), children: title })) : null, _jsx("div", { className: `${styles.content} ${contentClassName}`.trim(), children: children })] }));
+}
+export default Section;
+//# sourceMappingURL=Section.js.map

package/dist/components/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../src/components/Section.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAS1C,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,EAAE,EACnB,gBAAgB,GAAG,EAAE,EACrB,GAAG,KAAK,EACK;IACb,OAAO,CACL,mBAAS,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,KAAM,KAAK,aACnE,KAAK,CAAC,CAAC,CAAC,CACP,aAAI,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,cAAc,EAAE,CAAC,IAAI,EAAE,YAAG,KAAK,GAAM,CACxE,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,gBAAgB,EAAE,CAAC,IAAI,EAAE,YAC3D,QAAQ,GACL,IACE,CACX,CAAC;AACJ,CAAC;AAED,eAAe,OAAO,CAAC","sourcesContent":["import React from \"react\";\n\nimport styles from \"./Section.module.css\";\n\nexport interface SectionProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"title\"> {\n  title?: React.ReactNode;\n  titleClassName?: string;\n  contentClassName?: string;\n}\n\nexport function Section({\n  title,\n  children,\n  className = \"\",\n  titleClassName = \"\",\n  contentClassName = \"\",\n  ...props\n}: SectionProps) {\n  return (\n    <section className={`${styles.section} ${className}`.trim()} {...props}>\n      {title ? (\n        <h3 className={`${styles.title} ${titleClassName}`.trim()}>{title}</h3>\n      ) : null}\n      <div className={`${styles.content} ${contentClassName}`.trim()}>\n        {children}\n      </div>\n    </section>\n  );\n}\n\nexport default Section;\n"]}

package/dist/components/Section.module.css

@@ -0,0 +1,20 @@
+.section {
+  display: flex;
+  flex-direction: column;
+  gap: 0.85rem;
+  margin-bottom: 1.5rem;
+}
+
+.title {
+  margin: 0;
+  color: var(--text-primary);
+  font-family: var(--font-mono);
+  font-size: 0.9rem;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.content {
+  min-width: 0;
+}

package/dist/components/SectionHeader.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface SectionHeaderProps {
+    title: string;
+    description?: string;
+    actions?: React.ReactNode;
+    className?: string;
+}
+export declare function SectionHeader({ title, description, actions, className, }: SectionHeaderProps): import("react/jsx-runtime").JSX.Element;
+export default SectionHeader;
+//# sourceMappingURL=SectionHeader.d.ts.map

package/dist/components/SectionHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../src/components/SectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,OAAO,EACP,SAAc,GACf,EAAE,kBAAkB,2CAcpB;AAED,eAAe,aAAa,CAAC"}

package/dist/components/SectionHeader.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from "./SectionHeader.module.css";
+export function SectionHeader({ title, description, actions, className = "", }) {
+    return (_jsx("div", { className: `${styles.sectionHeader} ${className}`.trim(), children: _jsxs("div", { className: styles.headerContent, children: [_jsxs("div", { className: styles.textContent, children: [_jsx("h2", { className: styles.title, children: title }), description ? (_jsx("p", { className: styles.description, children: description })) : null] }), actions ? _jsx("div", { className: styles.actions, children: actions }) : null] }) }));
+}
+export default SectionHeader;
+//# sourceMappingURL=SectionHeader.js.map

package/dist/components/SectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.js","sourceRoot":"","sources":["../../src/components/SectionHeader.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAShD,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,OAAO,EACP,SAAS,GAAG,EAAE,GACK;IACnB,OAAO,CACL,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,aAAa,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,YAC3D,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,aAClC,eAAK,SAAS,EAAE,MAAM,CAAC,WAAW,aAChC,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAM,EACxC,WAAW,CAAC,CAAC,CAAC,CACb,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,WAAW,GAAK,CACpD,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,OAAO,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,OAAO,GAAO,CAAC,CAAC,CAAC,IAAI,IAC7D,GACF,CACP,CAAC;AACJ,CAAC;AAED,eAAe,aAAa,CAAC","sourcesContent":["import React from \"react\";\n\nimport styles from \"./SectionHeader.module.css\";\n\nexport interface SectionHeaderProps {\n  title: string;\n  description?: string;\n  actions?: React.ReactNode;\n  className?: string;\n}\n\nexport function SectionHeader({\n  title,\n  description,\n  actions,\n  className = \"\",\n}: SectionHeaderProps) {\n  return (\n    <div className={`${styles.sectionHeader} ${className}`.trim()}>\n      <div className={styles.headerContent}>\n        <div className={styles.textContent}>\n          <h2 className={styles.title}>{title}</h2>\n          {description ? (\n            <p className={styles.description}>{description}</p>\n          ) : null}\n        </div>\n        {actions ? <div className={styles.actions}>{actions}</div> : null}\n      </div>\n    </div>\n  );\n}\n\nexport default SectionHeader;\n"]}

package/dist/components/SectionHeader.module.css

@@ -0,0 +1,54 @@
+.sectionHeader {
+  background: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  border-radius: 8px;
+  padding: 1rem 1.25rem;
+  margin-bottom: 1.25rem;
+}
+
+.headerContent {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 1rem;
+}
+
+.textContent {
+  flex: 1;
+  min-width: 0;
+}
+
+.title {
+  margin: 0 0 0.25rem;
+  color: var(--text-primary);
+  font-family: var(--font-mono);
+  font-size: 1rem;
+  font-weight: 600;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+}
+
+.description {
+  margin: 0;
+  color: var(--text-secondary);
+  font-size: 0.8125rem;
+  line-height: 1.5;
+}
+
+.actions {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  flex-shrink: 0;
+}
+
+@media (max-width: 640px) {
+  .headerContent {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .actions {
+    justify-content: flex-end;
+  }
+}

package/dist/components/StatCard.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export interface StatCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    label: string;
+    value: string | number;
+    subvalue?: string;
+    onClick?: () => void;
+    color?: "default" | "success" | "danger" | "warning";
+}
+export declare function StatCard({ label, value, subvalue, onClick, color, className, ...props }: StatCardProps): import("react/jsx-runtime").JSX.Element;
+export default StatCard;
+//# sourceMappingURL=StatCard.d.ts.map

package/dist/components/StatCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.d.ts","sourceRoot":"","sources":["../../src/components/StatCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;CACtD;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAiB,EACjB,SAAc,EACd,GAAG,KAAK,EACT,EAAE,aAAa,2CAqBf;AAED,eAAe,QAAQ,CAAC"}

package/dist/components/StatCard.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from "./StatCard.module.css";
+export function StatCard({ label, value, subvalue, onClick, color = "default", className = "", ...props }) {
+    const valueToneClass = color === "success"
+        ? styles.valueSuccess
+        : color === "danger"
+            ? styles.valueDanger
+            : color === "warning"
+                ? styles.valueWarning
+                : "";
+    return (_jsxs("div", { className: `${styles.root} ${onClick ? styles.interactive : ""} ${className}`.trim(), onClick: onClick, ...props, children: [_jsx("div", { className: styles.label, children: label }), _jsx("div", { className: `${styles.value} ${valueToneClass}`.trim(), children: value }), subvalue ? _jsx("div", { className: styles.subvalue, children: subvalue }) : null] }));
+}
+export default StatCard;
+//# sourceMappingURL=StatCard.js.map

package/dist/components/StatCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.js","sourceRoot":"","sources":["../../src/components/StatCard.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAU3C,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,SAAS,EACjB,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACM;IACd,MAAM,cAAc,GAClB,KAAK,KAAK,SAAS;QACjB,CAAC,CAAC,MAAM,CAAC,YAAY;QACrB,CAAC,CAAC,KAAK,KAAK,QAAQ;YAClB,CAAC,CAAC,MAAM,CAAC,WAAW;YACpB,CAAC,CAAC,KAAK,KAAK,SAAS;gBACnB,CAAC,CAAC,MAAM,CAAC,YAAY;gBACrB,CAAC,CAAC,EAAE,CAAC;IAEb,OAAO,CACL,eACE,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,EACpF,OAAO,EAAE,OAAO,KACZ,KAAK,aAET,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAO,EAC3C,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,cAAc,EAAE,CAAC,IAAI,EAAE,YAAG,KAAK,GAAO,EACxE,QAAQ,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,YAAG,QAAQ,GAAO,CAAC,CAAC,CAAC,IAAI,IAChE,CACP,CAAC;AACJ,CAAC;AAED,eAAe,QAAQ,CAAC","sourcesContent":["import React from \"react\";\n\nimport styles from \"./StatCard.module.css\";\n\nexport interface StatCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  label: string;\n  value: string | number;\n  subvalue?: string;\n  onClick?: () => void;\n  color?: \"default\" | \"success\" | \"danger\" | \"warning\";\n}\n\nexport function StatCard({\n  label,\n  value,\n  subvalue,\n  onClick,\n  color = \"default\",\n  className = \"\",\n  ...props\n}: StatCardProps) {\n  const valueToneClass =\n    color === \"success\"\n      ? styles.valueSuccess\n      : color === \"danger\"\n        ? styles.valueDanger\n        : color === \"warning\"\n          ? styles.valueWarning\n          : \"\";\n\n  return (\n    <div\n      className={`${styles.root} ${onClick ? styles.interactive : \"\"} ${className}`.trim()}\n      onClick={onClick}\n      {...props}\n    >\n      <div className={styles.label}>{label}</div>\n      <div className={`${styles.value} ${valueToneClass}`.trim()}>{value}</div>\n      {subvalue ? <div className={styles.subvalue}>{subvalue}</div> : null}\n    </div>\n  );\n}\n\nexport default StatCard;\n"]}

package/dist/components/StatCard.module.css

@@ -0,0 +1,41 @@
+.root {
+  cursor: default;
+  transition: color 220ms ease;
+}
+
+.interactive {
+  cursor: pointer;
+}
+
+.label {
+  margin-bottom: 0.25rem;
+  color: var(--text-secondary);
+  font-size: 0.6875rem;
+  font-weight: 500;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+}
+
+.value {
+  color: var(--text-primary);
+  font-size: 1.5rem;
+  font-weight: 600;
+}
+
+.valueSuccess {
+  color: var(--color-success, #10b981);
+}
+
+.valueDanger {
+  color: var(--color-error, #ef4444);
+}
+
+.valueWarning {
+  color: var(--color-warning, #f59e0b);
+}
+
+.subvalue {
+  margin-top: 0.125rem;
+  color: var(--text-secondary);
+  font-size: 0.75rem;
+}

package/dist/components/WidgetCard.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export type WidgetSize = "xs-a" | "xs-b" | "sm-a" | "sm-b";
+export interface WidgetCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    icon?: React.ReactNode;
+    children: React.ReactNode;
+    size?: WidgetSize | "sm" | "md" | "lg";
+    overlay?: React.ReactNode;
+}
+export declare function WidgetCard({ title, icon, children, size, className, overlay, style, ...props }: WidgetCardProps): import("react/jsx-runtime").JSX.Element;
+export default WidgetCard;
+//# sourceMappingURL=WidgetCard.d.ts.map

package/dist/components/WidgetCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetCard.d.ts","sourceRoot":"","sources":["../../src/components/WidgetCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAE3D,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAa,EACb,SAAc,EACd,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EAAE,eAAe,2CA+BjB;AAED,eAAe,UAAU,CAAC"}

package/dist/components/WidgetCard.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from "./WidgetCard.module.css";
+export function WidgetCard({ title, icon, children, size = "sm-b", className = "", overlay, style, ...props }) {
+    const sizeClassMap = {
+        "xs-a": styles.widgetXsA,
+        "xs-b": styles.widgetXsB,
+        "sm-a": styles.widgetSmA,
+        "sm-b": styles.widgetSmB,
+        sm: styles.widgetSmA,
+        md: styles.widgetSmB,
+        lg: styles.widgetSmB,
+    };
+    const sizeClass = sizeClassMap[size] || styles.widgetSmB;
+    return (_jsxs("div", { className: `${sizeClass} ${className}`.trim(), style: { position: "relative", ...style }, ...props, children: [title ? (_jsx("div", { className: styles.header, children: _jsxs("div", { className: styles.titleRow, children: [icon ? _jsx("div", { className: styles.icon, children: icon }) : null, _jsx("h3", { className: styles.title, children: title })] }) })) : null, _jsx("div", { className: styles.body, children: children }), overlay] }));
+}
+export default WidgetCard;
+//# sourceMappingURL=WidgetCard.js.map

package/dist/components/WidgetCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetCard.js","sourceRoot":"","sources":["../../src/components/WidgetCard.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAY7C,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,GAAG,MAAM,EACb,SAAS,GAAG,EAAE,EACd,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACQ;IAChB,MAAM,YAAY,GAChB;QACE,MAAM,EAAE,MAAM,CAAC,SAAS;QACxB,MAAM,EAAE,MAAM,CAAC,SAAS;QACxB,MAAM,EAAE,MAAM,CAAC,SAAS;QACxB,MAAM,EAAE,MAAM,CAAC,SAAS;QACxB,EAAE,EAAE,MAAM,CAAC,SAAS;QACpB,EAAE,EAAE,MAAM,CAAC,SAAS;QACpB,EAAE,EAAE,MAAM,CAAC,SAAS;KACrB,CAAC;IACJ,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC;IAEzD,OAAO,CACL,eACE,SAAS,EAAE,GAAG,SAAS,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,EAC7C,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,KACrC,KAAK,aAER,KAAK,CAAC,CAAC,CAAC,CACP,cAAK,SAAS,EAAE,MAAM,CAAC,MAAM,YAC3B,eAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,aAC5B,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,IAAI,GAAO,CAAC,CAAC,CAAC,IAAI,EACxD,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAM,IACrC,GACF,CACP,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,QAAQ,GAAO,EAC5C,OAAO,IACJ,CACP,CAAC;AACJ,CAAC;AAED,eAAe,UAAU,CAAC","sourcesContent":["import React from \"react\";\n\nimport styles from \"./WidgetCard.module.css\";\n\nexport type WidgetSize = \"xs-a\" | \"xs-b\" | \"sm-a\" | \"sm-b\";\n\nexport interface WidgetCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  title?: string;\n  icon?: React.ReactNode;\n  children: React.ReactNode;\n  size?: WidgetSize | \"sm\" | \"md\" | \"lg\";\n  overlay?: React.ReactNode;\n}\n\nexport function WidgetCard({\n  title,\n  icon,\n  children,\n  size = \"sm-b\",\n  className = \"\",\n  overlay,\n  style,\n  ...props\n}: WidgetCardProps) {\n  const sizeClassMap: Record<Exclude<WidgetCardProps[\"size\"], undefined>, string> =\n    {\n      \"xs-a\": styles.widgetXsA,\n      \"xs-b\": styles.widgetXsB,\n      \"sm-a\": styles.widgetSmA,\n      \"sm-b\": styles.widgetSmB,\n      sm: styles.widgetSmA,\n      md: styles.widgetSmB,\n      lg: styles.widgetSmB,\n    };\n  const sizeClass = sizeClassMap[size] || styles.widgetSmB;\n\n  return (\n    <div\n      className={`${sizeClass} ${className}`.trim()}\n      style={{ position: \"relative\", ...style }}\n      {...props}\n    >\n      {title ? (\n        <div className={styles.header}>\n          <div className={styles.titleRow}>\n            {icon ? <div className={styles.icon}>{icon}</div> : null}\n            <h3 className={styles.title}>{title}</h3>\n          </div>\n        </div>\n      ) : null}\n      <div className={styles.body}>{children}</div>\n      {overlay}\n    </div>\n  );\n}\n\nexport default WidgetCard;\n"]}

package/dist/components/WidgetCard.module.css

@@ -0,0 +1,75 @@
+.widgetXsA,
+.widgetXsB,
+.widgetSmA,
+.widgetSmB {
+  background: var(--border-color);
+  border: none;
+  border-radius: 2px;
+  overflow: hidden;
+  transition: background 200ms ease;
+}
+
+.widgetXsA:hover,
+.widgetXsB:hover,
+.widgetSmA:hover,
+.widgetSmB:hover {
+  background: var(--text-primary);
+}
+
+.widgetXsA {
+  grid-column: span 1;
+  grid-row: span 1;
+  min-height: 180px;
+}
+
+.widgetXsB {
+  grid-column: span 1;
+  grid-row: span 2;
+  min-height: 360px;
+}
+
+.widgetSmA {
+  grid-column: span 2;
+  grid-row: span 1;
+  min-height: 180px;
+}
+
+.widgetSmB {
+  grid-column: span 2;
+  grid-row: span 2;
+  min-height: 360px;
+}
+
+.header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  border-bottom: 1px solid var(--border-color);
+}
+
+.titleRow {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.title {
+  margin: 0;
+  color: var(--text-primary);
+  font-family: var(--font-mono);
+  font-size: 14px;
+  font-weight: 600;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+}
+
+.body {
+  padding: 12px 16px;
+}

package/dist/index.d.ts

@@ -13,15 +13,24 @@ export { CornerBracketCard, type CornerBracketCardProps } from "./components/Cor
 export { ErrorMessage, type ErrorMessageProps } from "./components/ErrorMessage.js";
 export { HeartbeatIndicator, HeartbeatPulse, type HeartbeatIndicatorProps, type HeartbeatPulseProps, } from "./components/HeartbeatPulse.js";
 export { HexagonGrid, type HexagonGridProps } from "./components/HexagonGrid.js";
+export { LoadingOverlayCrystalline, type LoadingOverlayCrystallineProps, } from "./components/LoadingOverlayCrystalline.js";
 export { LOADING_PROGRESS_SEGMENT_COUNT, LoadingProgressBar, type LoadingProgressBarProps, } from "./components/LoadingProgressBar.js";
+export { LoadingScreen, type LoadingScreenProps, type LoadingStage, useLoadingProgress, } from "./components/LoadingScreen.js";
 export { MarqueeStrip, type MarqueeStripProps } from "./components/MarqueeStrip.js";
+export { OverlayButton, type OverlayButtonProps, } from "./components/OverlayButton.js";
 export { PageHeader, type PageHeaderProps } from "./components/PageHeader.js";
 export { PageTemplate, type PageTemplateProps } from "./components/PageTemplate.js";
+export { PixelTooltip, type PixelTooltipProps, } from "./components/PixelTooltip.js";
+export { QuickInfoCard, type QuickInfoCardProps, type QuickInfoItem, type StorageProgress, } from "./components/QuickInfoCard.js";
 export { RuntimeOrbitDiagram, type RuntimeOrbitDiagramProps, type RuntimeOrbitNode, } from "./components/RuntimeOrbitDiagram.js";
+export { Section, type SectionProps } from "./components/Section.js";
+export { SectionHeader, type SectionHeaderProps, } from "./components/SectionHeader.js";
 export { SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, } from "./components/SegmentedControl.js";
+export { StatCard, type StatCardProps } from "./components/StatCard.js";
 export { StatusMessage, type StatusMessageProps } from "./components/StatusMessage.js";
 export { StrokedText, type StrokedTextProps } from "./components/StrokedText.js";
 export { TabbedPanel, type TabbedPanelProps, type TabbedPanelTab } from "./components/TabbedPanel.js";
 export { ThemedCard, type ThemedCardProps } from "./components/ThemedCard.js";
 export { ThemeToggle, type ThemeToggleProps } from "./components/ThemeToggle.js";
+export { WidgetCard, type WidgetCardProps, type WidgetSize } from "./components/WidgetCard.js";
 //# sourceMappingURL=index.d.ts.map