// Custom SVG icon set — thin 1.5px line, 24x24 viewBox. No emoji.
// All icons accept { size, stroke, className, style }.
const Icon = ({ children, size = 20, stroke = 1.6, className = "", style = {}, ...rest }) => (
);
const IconBook = (p) => (
);
const IconSearch = (p) => (
);
const IconBag = (p) => (
);
const IconClock = (p) => (
);
const IconFlame = (p) => (
);
const IconUsers = (p) => (
);
const IconPlus = (p) => (
);
const IconLink = (p) => (
);
const IconCamera = (p) => (
);
const IconScan = (p) => (
);
const IconX = (p) => (
);
const IconChevLeft = (p) => (
);
const IconChevRight = (p) => (
);
const IconChevDown = (p) => (
);
const IconStar = ({ filled = false, ...p }) => (
);
const IconHeart = ({ filled = false, ...p }) => (
);
const IconEdit = (p) => (
);
const IconTrash = (p) => (
);
const IconPlay = (p) => (
);
const IconCheck = (p) => (
);
const IconHome = (p) => (
);
const IconGear = (p) => (
);
const IconShield = (p) => (
);
const IconArrowRight = (p) => (
);
const IconDice = (p) => (
);
const IconCalendar = (p) => (
);
// Custom cookbook mark — a stylized "open book + fork" combined mark
const IconLogo = ({ size = 28, ...p }) => (
);
// ── Avatar marks: flat illustrated cooking icons (UI v2) ─────────────
const AV_ICONS = {
hat: ``,
whisk: ``,
pin: ``,
pan: ``,
tomato: ``,
cake: ``,
fish: ``,
mug: ``,
bowl: ``,
chili: ``,
};
const AVATAR_COLORS = ['#1f4a38', '#a4502f', '#c9922a', '#3e6b50', '#2c6e99', '#6b3a52'];
const AVATAR_SET = [];
['hat','whisk','pin','pan','tomato','cake','fish','mug','bowl','chili'].forEach((ic, i) => {
AVATAR_SET.push({ icon: ic, color: AVATAR_COLORS[i % AVATAR_COLORS.length] });
AVATAR_SET.push({ icon: ic, color: AVATAR_COLORS[(i + 4) % AVATAR_COLORS.length] });
});
// Colored circle bearing a cook's mark; falls back to an initial.
function AvatarMark({ avatar, name = '', size = 38, className = '' }) {
const bg = avatar ? avatar.color : 'var(--accent-2)';
return (
{avatar
?
: (name || '?').trim()[0]?.toUpperCase()}
);
}
// Find a family member's avatar by display name (exact, then first-name match).
function memberAvatarFor(members, name) {
if (!name || !Array.isArray(members)) return null;
const n = name.trim().toLowerCase();
const hit = members.find(m => (m.name || '').trim().toLowerCase() === n)
|| members.find(m => (m.name || '').trim().toLowerCase().split(/\s+/)[0] === n.split(/\s+/)[0]);
return hit ? hit.avatar : null;
}
Object.assign(window, {
Icon,
IconBook, IconSearch, IconBag, IconClock, IconFlame, IconUsers,
IconPlus, IconLink, IconCamera, IconScan, IconX,
IconChevLeft, IconChevRight, IconChevDown,
IconStar, IconHeart, IconEdit, IconTrash, IconPlay, IconCheck,
IconHome, IconArrowRight, IconLogo, IconGear, IconShield, IconDice,
IconCalendar, AV_ICONS, AVATAR_SET, AvatarMark, memberAvatarFor,
});