[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-81301":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":13,"contributorsCount":13,"subscribersCount":13,"size":13,"stars1d":13,"stars7d":15,"stars30d":16,"stars90d":13,"forks30d":13,"starsTrendScore":13,"compositeScore":17,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":18,"fork":18,"defaultBranch":19,"hasWiki":18,"hasPages":18,"topics":20,"createdAt":10,"pushedAt":10,"updatedAt":21,"readmeContent":22,"aiSummary":23,"trendingCount":13,"starSnapshotCount":13,"syncStatus":15,"lastSyncTime":24,"discoverSource":25},81301,"bloom","yeunoia\u002Fbloom","yeunoia","Wrap anything with bloom.","https:\u002F\u002Fyeunoia-bloom.vercel.app\u002F",null,"TypeScript",49,0,46,2,3,38.3,false,"main",[],"2026-06-12 04:01:32","# @yeunoia\u002Fbloom\n\nWrap anything with a bloom.\n\nA React component that wraps text with a hand-drawn SVG highlight.  \n\n\n## Install\n\n```\nnpm install @yeunoia\u002Fbloom\n```\n\n## Usage\n\n```tsx\nimport { Bloom } from \"@yeunoia\u002Fbloom\";\n\n\u003CBloom backgroundColor=\"#a4e7d5b3\">\n  This is a bloom-box.\n\u003C\u002FBloom>\n\n\u003Cp>\n  Hello,\n  \u003CBloom type=\"line\" backgroundColor=\"#6655bb77\">bloom\u003C\u002FBloom>.\n\u003C\u002Fp>\n```\n## Props\n\n| Prop              | Type | Default | Description |\n|-------------------|------|---------|-------------|\n| `type`            | `\"box\" \\| \"line\"` | `\"box\"` | `box` wraps the entire element, `line` highlights each line individually |\n| `tip`             | `\"round\" \\| \"square\"` | `\"round\"` | Shape of the highlight corners |\n| `messiness`       | `number` | `4` | Wobble intensity. Recommended range: 1–10 |\n| `backgroundColor` | `string` | `\"#A4E7D5B3\"` | Fill color of the highlight |\n| `gradient`        | `string[]` | — | Array of colors for a left-to-right gradient fill. Overrides `backgroundColor` |\n| `color`           | `string` | `\"inherit\"` | Text color |\n| `paddingX`        | `number` | `4` | Horizontal padding (px) |\n| `paddingY`        | `number` | `2` | Vertical padding (px) |\n| `animated`        | `boolean` | `false` | Draw the highlight with an animation on mount |\n| `delay`           | `number` | `0.2` | Delay before the animation starts (seconds) |\n| `duration`        | `number` | `0.6` | How long the draw animation takes (seconds) |\n\n## Requirements\n\nReact ≥ 17\n","@yeunoia\u002Fbloom 是一个用于为文本添加手绘SVG高亮效果的React组件。其核心功能是通过多种自定义选项如高亮类型（整块或逐行）、角形样式、颜色渐变及动画效果等，来增强网页内容的表现力。用户可以调整如杂乱度（wobble intensity）这样的细节参数以达到更自然的手绘效果。该组件适用于需要在保持简洁代码的同时，为网站或应用中的特定文字区域增添视觉吸引力和个性化的场景。","2026-06-11 04:04:32","CREATED_QUERY"]