// ============================================
// Reliq — Shared icons + small components
// Exported to window for use in other JSX files
// ============================================
const Icon = ({ name, size = 16, stroke = 1.75, className = "", style }) => {
const s = size;
const paths = {
scan: <>,
home: <>,
folder: ,
settings: <>,
key: <>,
bell: <>,
plus: <>,
check: ,
"check-circle": <>,
x: <>,
"x-circle": <>,
alert: <>,
info: <>,
shield: ,
lock: <>,
eye: <>,
"file-text": <>,
code: <>,
download: <>,
upload: <>,
share: <>,
"external-link": <>,
chevron: ,
"chevron-down": ,
"arrow-right": <>,
search: <>,
sparkles: <>,
bolt: ,
"git-branch": <>,
github: ,
box: <>,
cpu: <>,
activity: ,
layers: <>,
package: <>,
play: ,
apple: <>,
android: <>,
refresh: <>,
copy: <>,
trash: <>,
clock: <>,
"trend-up": <>,
"trend-dn": <>,
sliders: <>,
book: <>,
users: <>,
webhook: <>,
link: <>,
tool: ,
globe: <>,
smartphone: <>,
calendar: <>,
grid: <>,
"list-view": <>,
tag: <>,
database: <>,
fingerprint: <>,
"flag": <>,
menu: <>,
};
return (
);
};
const Severity = ({ level, label }) => {
const labels = { critical: "Critical", warning: "Warning", info: "Info", pass: "Pass" };
return (
{label || labels[level]}
);
};
const StoreChip = ({ store, iconOnly = false }) => {
if (store === "play") {
return {!iconOnly && " Play Store"};
}
return {!iconOnly && " App Store"};
};
const AppIcon = ({ letters, size = 36, gradient = "linear-gradient(135deg, #5B9DFF, #A78BFA)" }) => (
{letters}
);
// Animated score ring
const ScoreRing = ({ value = 78, size = 132, stroke = 8 }) => {
const r = (size - stroke) / 2;
const c = 2 * Math.PI * r;
const offset = c - (value / 100) * c;
const color = value >= 85 ? "var(--teal)" : value >= 60 ? "var(--amber)" : "var(--red)";
const [shown, setShown] = React.useState(0);
React.useEffect(() => {
let raf, start;
const dur = 1400;
const step = (t) => {
if (!start) start = t;
const p = Math.min(1, (t - start) / dur);
const eased = 1 - Math.pow(1 - p, 3);
setShown(Math.round(value * eased));
if (p < 1) raf = requestAnimationFrame(step);
};
raf = requestAnimationFrame(step);
return () => cancelAnimationFrame(raf);
}, [value]);
return (
);
};
const Sparkline = ({ data = [], color = "var(--teal)", w = 80, h = 30 }) => {
const max = Math.max(...data), min = Math.min(...data);
const range = max - min || 1;
const pts = data.map((v, i) => `${(i / (data.length - 1)) * w},${h - ((v - min) / range) * (h - 2) - 1}`).join(" ");
return (
);
};
Object.assign(window, { Icon, Severity, StoreChip, AppIcon, ScoreRing, Sparkline });