/* ============================================================
Vela — icon set (inline SVG, stroke-based)
— inherits currentColor
============================================================ */
(function () {
const P = {
dashboard: <>,
pipeline: <>,
clients: <>,
docs: <>,
rates: <>,
calendar: <>,
settings: <>,
search: <>,
bell: <>,
plus: <>,
chevR: <>,
chevL: <>,
chevD: <>,
arrowR: <>,
check: <>,
checkCircle: <>,
clock: <>,
flag: <>,
upload: <>,
download: <>,
ai: <>,
user: <>,
home: <>,
dollar: <>,
shield: <>,
lock: <>,
sparkLine: <>,
dots: <>,
filter: <>,
mail: <>,
phone: <>,
pencil: <>,
eye: <>,
star: <>,
warn: <>,
handshake: <>,
link: <>,
menu: <>,
inbox: <>,
folder: <>,
sync: <>,
alert: <>,
whatsapp: <>,
idcard: <>,
building: <>,
location: <>,
euro: <>,
send: <>,
sparkles: <>,
target: <>,
google: <>,
refresh: <>,
x: <>,
template: <>,
trash: <>,
salesforce: <>,
};
function Icon({ name, size = 18, stroke = 1.7, style, className }) {
const path = P[name];
if (!path) return null;
return (
);
}
// Brand mark — sharp geometric sail (Direction B)
function VelaMark({ size = 28, color = "currentColor", accent = "#06B6D4", gradient = false, onDark = false }) {
const gid = "vm-grad-" + Math.random().toString(36).slice(2, 8);
const mainFill = gradient ? `url(#${gid})` : (accent || color);
const mast = onDark ? "rgba(255,255,255,.42)" : "rgba(11,27,54,.32)";
return (
);
}
window.Icon = Icon;
window.VelaMark = VelaMark;
})();