// === Decorative SVG primitives ===
const BrushUnderline = ({ color = "#1A1A1A", className = "", style = {} }) => (
);
const BrushDivider = ({ color = "#1A1A1A", style = {} }) => (
);
const InkSplatter = ({ size = 60, color = "#1A1A1A" }) => (
);
// Search-bar brush icon
const BrushSearchIcon = ({ size = 30 }) => (
);
// Painted Zhongli wordmark (中俚)
const ZhongLiMark = () => (
中俚
);
// Living-ink border for hero search
const LivingBorder = () => (
);
// Category icons drawn as simple brush primitives (no panda / dragon clichés)
const CategoryIcon = ({ kind }) => {
const stroke = "currentColor";
switch (kind) {
case "internet":
return (
);
case "gaming":
return (
);
case "work":
return (
);
case "love":
return (
);
case "pop":
return (
);
case "region":
return (
);
default: return null;
}
};
const BrushCheck = ({ size = 28 }) => (
);
const ToneMark = ({ tone }) => {
// tone 1 = flat, 2 = rising, 3 = dip, 4 = falling
const paths = {
1: "M2 8 L26 8",
2: "M2 12 C8 12 18 6 26 4",
3: "M2 6 C8 14 18 14 26 4",
4: "M2 4 C8 6 18 12 26 14",
};
return (
);
};
// Avatar brush ring
const AvatarRing = () => (
);
Object.assign(window, {
BrushUnderline, BrushDivider, InkSplatter, BrushSearchIcon,
ZhongLiMark, LivingBorder, CategoryIcon, BrushCheck, ToneMark, AvatarRing
});