// glyphs.jsx — DYNAMO bold geometric cuisine marks (filled, flat, Deco).
// Exposes window.DGlyph. Built inline at render so JSX always commits.
//
// Two rendering modes coexist:
// Flat-fill (24×24 viewBox, fill={color}, stroke="none") — original engine/entity marks
// Line-art (48×48 viewBox, fill="none", stroke="currentColor") — new category glyphs
// Line-art glyph bodies keyed by id. Rendered with stroke-width 2.4,
// round caps/joins, currentColor — inherits CSS variable theming automatically.
const LINE_ART = {
tacos: (<>
),
burgers: (<>
),
asian: (<>
),
seafood: (<>
),
sweets: (<>
),
coffee: (<>
),
global: (<>
),
music: (<>
),
markets: (<>
),
arts: (<>
),
classes: (<>
),
comedy: (<>
),
nightlife: (<>
),
kids: (<>
),
};
function DGlyph({ name, size = 22, color = "currentColor", style }) {
// Line-art glyphs (48×48 viewBox, stroke-based, currentColor)
if (name in LINE_ART) {
return (
);
}
// Original flat-fill glyphs (24×24 viewBox) — engine/entity marks
let inner;
switch (name) {
case "bao":
inner = ;
break;
case "leaf":
inner = ;
break;
case "gyro":
inner = ;
break;
case "drum":
inner = ();
break;
case "taco":
inner = ;
break;
case "fish":
inner = ();
break;
case "cone":
inner = ();
break;
case "bean":
inner = ;
break;
case "flame":
inner = ;
break;
case "note":
inner = (
);
break;
case "tent":
inner = (
);
break;
case "book":
inner = (
);
break;
case "mask":
inner = ;
break;
case "balloon":
inner = (
);
break;
case "star6":
inner = (
);
break;
default: // "all" — celestial star
inner = ;
}
return (
);
}
window.DGlyph = DGlyph;