// Dietello icons — unified SVG icon set, line-based, currentColor-friendly.
//
// Usage:
// Most icons inherit color via currentColor for stroke or fill.
const ICONS = {
// ── Tab bar
diary: { v: 24, c: <>
},
stats: { v: 24, c: <>
},
chat: { v: 24, c: <>
},
trophy: { v: 24, c: <>
},
settings: { v: 24, c: <>
},
// ── Meal types (used for meal cards)
breakfast: { v: 24, c: <>
{/* sun rising */}
},
lunch: { v: 24, c: <>
{/* plate with fork & knife */}
},
snack: { v: 24, c: <>
{/* apple */}
},
dinner: { v: 24, c: <>
{/* moon */}
},
// ── Food items (inside meal cards)
bowl: { v: 24, c: <>
},
coffee: { v: 24, c: <>
},
chicken: { v: 24, c: <>
{/* drumstick */}
},
leaf: { v: 24, c: <>
},
bread: { v: 24, c: <>
},
nuts: { v: 24, c: <>
},
egg: { v: 24, c: <>
},
salad: { v: 24, c: <>
},
// ── UI / actions
plus: { v: 24, c: },
check: { v: 24, c: },
x: { v: 24, c: },
chevronRight: { v: 24, c: },
chevronDown: { v: 24, c: },
chevronLeft: { v: 24, c: },
arrowRight: { v: 24, c: },
arrowUp: { v: 24, c: },
arrowDown: { v: 24, c: },
edit: { v: 24, c: },
camera: { v: 24, c: <>
},
mic: { v: 24, c: <>
},
send: { v: 24, c: },
calendar: { v: 24, c: <>
},
search: { v: 24, c: <>
},
// ── Brand / accents
sparkle: { v: 24, c: },
flame: { v: 24, c: },
star: { v: 24, c: },
heart: { v: 24, c: },
brain: { v: 24, c: <>
},
bell: { v: 24, c: <>
},
growth: { v: 24, c: <>
},
target: { v: 24, c: <>
},
scales: { v: 24, c: <>
},
user: { v: 24, c: <>
},
globe: { v: 24, c: <>
},
doc: { v: 24, c: <>
},
lock: { v: 24, c: <>
},
medal: { v: 24, c: <>
},
};
function Icon({ name, size = 20, style, color }) {
const def = ICONS[name];
if (!def) return null;
return (
);
}
// Coloured tile housing an icon — for meal items / feature rows / settings rows
function IconTile({ name, size = 40, bg, color = 'currentColor', radius = 12, iconSize, style }) {
return (
);
}
Object.assign(window, { Icon, IconTile, ICONS });