{"_id":"@10stars/material-symbols-w300","name":"@10stars/material-symbols-w300","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@10stars/material-symbols-w300","version":"1.0.0","private":false,"description":"Material Symbols (weight 300) as zero-dependency React 19 SVG components. Each icon is a plain function-component <svg> with currentColor fill.","keywords":["icons","material design","material symbols","react","react-component","svg","symbols"],"homepage":"https://github.com/o-alexandrov/10stars-packages/tree/main/material-symbols-w300","bugs":{"url":"https://github.com/o-alexandrov/10stars-packages/issues"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/o-alexandrov/10stars-packages.git","directory":"material-symbols-w300"},"type":"module","sideEffects":false,"main":"./build/index.js","module":"./build/index.js","types":"./build/index.d.ts","exports":{".":{"types":"./build/index.d.ts","default":"./build/index.js"},"./package.json":"./package.json","./*":{"types":"./build/*.d.ts","default":"./build/*.js"},"./*.js":{"types":"./build/*.d.ts","default":"./build/*.js"}},"publishConfig":{"access":"public"},"scripts":{"repack":"bun repack.ts","publish:pkg":"bun repack.ts --publish"},"peerDependencies":{"@types/react":"^19.0.0","react":"^19.0.0"},"peerDependenciesMeta":{"@types/react":{"optional":true}},"engines":{"node":">=12.0.0"},"gitHead":"aadaf76e76590d239c32c1ba6de7f18206f17523","_id":"@10stars/material-symbols-w300@1.0.0","_nodeVersion":"24.16.0","_npmVersion":"11.13.0","dist":{"integrity":"sha512-+ab1IHHenN7rc+dYWMKE3a7qjT1TqOy+tkUeCgopPFHG1JQNbZicNk0HpYYyi1Nq6XaLXeXcq9uiKi2jGEnoUQ==","shasum":"c8c1e7ec209ae7bc0b5cded7c0634d794c2eb012","tarball":"https://registry.npmjs.org/@10stars/material-symbols-w300/-/material-symbols-w300-1.0.0.tgz","fileCount":41887,"unpackedSize":22197738,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCqouabgxd/ZcXOwOqju2BmmMDAgHZyUgxFxEOLZFm/1gIhAM8BA08fnbKKfP0fAl2db/jfZ2yRRBBh9gain0gMUz6y"}]},"_npmUser":{"name":"o_alexandrov","email":"web@alexandrov.co"},"directories":{},"maintainers":[{"name":"o_alexandrov","email":"web@alexandrov.co"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/material-symbols-w300_1.0.0_1781958207570_0.5448066436884502"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-20T12:23:27.434Z","1.0.0":"2026-06-20T12:23:27.860Z","modified":"2026-06-20T12:23:28.073Z"},"maintainers":[{"name":"o_alexandrov","email":"web@alexandrov.co"}],"description":"Material Symbols (weight 300) as zero-dependency React 19 SVG components. Each icon is a plain function-component <svg> with currentColor fill.","homepage":"https://github.com/o-alexandrov/10stars-packages/tree/main/material-symbols-w300","keywords":["icons","material design","material symbols","react","react-component","svg","symbols"],"repository":{"type":"git","url":"git+https://github.com/o-alexandrov/10stars-packages.git","directory":"material-symbols-w300"},"bugs":{"url":"https://github.com/o-alexandrov/10stars-packages/issues"},"license":"MIT","readme":"# @10stars/material-symbols-w300\n\nMaterial Symbols (weight 300) as **zero-dependency** React SVG components,\ntargeting **React 19+**. Each icon is a plain function-component `<svg>`\n(React 19 ref-as-prop — no `forwardRef`, no `memo`) with `fill=\"currentColor\"`\nand `width/height=\"1em\"`.\n\n- Zero runtime dependencies. Only React is a peer.\n- Icons render a raw `<svg>`: size with `width`/`height`/CSS `font-size`, color\n  with `color`/`fill`. No theme or styling-system integration.\n\n## Install\n\n```sh\nbun add @10stars/material-symbols-w300\n```\n\n## Usage\n\n```tsx\nimport { AccountCircleRounded } from \"@10stars/material-symbols-w300\"\n// or deep import:\nimport AccountCircleRounded from \"@10stars/material-symbols-w300/AccountCircleRounded\"\n\n// 1em by default, inherits text color via currentColor:\n<AccountCircleRounded />\n// size + color overrides:\n<AccountCircleRounded width={32} height={32} style={{ color: \"tomato\" }} />\n```\n\nIcons use the Material Symbols `0 -960 960 960` viewBox; that flows through from\nthe source automatically, so the geometry is correct without any extra config.\n\n## Maintenance\n\nRepublished from a pinned upstream npm tarball; icon sources are not committed\nhere.\n\n```sh\nbun run repack          # download pinned upstream tgz -> ./build, rewrite wrapper, npm pack dry-run\nbun run publish:pkg     # same, then npm publish (requires npm auth for @10stars)\n```\n\nThe pinned upstream version + integrity hash live in `repack.ts`. The repack\nfails loud if the upstream artifact changes or if any disallowed dependency\nsurvives the rewrite.\n","readmeFilename":"readme.md","_rev":"1-f8bb994292a9c7115d05cad36dbb2fc2"}