{"_id":"@alfiexco/layered-object","name":"@alfiexco/layered-object","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@alfiexco/layered-object","version":"0.1.0","description":"A customizable layered frame component for React.","license":"MIT","type":"module","main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"sideEffects":false,"scripts":{"build":"tsup src/index.tsx --format esm,cjs --dts --external react --clean","clean":"node -e \"require('fs').rmSync('dist', { recursive: true, force: true })\"","typecheck":"tsc -p tsconfig.json --noEmit"},"peerDependencies":{"react":">=18"},"publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/alfredosa/alfies-web-components.git","directory":"packages/layered-object"},"_id":"@alfiexco/layered-object@0.1.0","gitHead":"90a40b342dc26fd3270eaa1391572be299f2c198","bugs":{"url":"https://github.com/alfredosa/alfies-web-components/issues"},"homepage":"https://github.com/alfredosa/alfies-web-components#readme","_nodeVersion":"20.20.2","_npmVersion":"10.8.2","dist":{"integrity":"sha512-eDk7vy1NHgx42hjsGURJt9FQyLyx5+T5D8HLA+jAOaTRC16TUnOAcGDlJIwbOLL6Z+eYrqOfWInWf8sTPlsMKA==","shasum":"382517999705eb1ea847976c456720604eca1594","tarball":"https://registry.npmjs.org/@alfiexco/layered-object/-/layered-object-0.1.0.tgz","fileCount":6,"unpackedSize":9234,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@alfiexco%2flayered-object@0.1.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIB7FveXvPXQQiZ/zeZXabTDdFWuPF5yQqS1KRESsT6NrAiAwCP86FPWQvFgGSQx9lTQe7OKLh9yczPdjvda7FALb1g=="}]},"_npmUser":{"name":"alfiexco","email":"alfiexco@proton.me"},"directories":{},"maintainers":[{"name":"alfiexco","email":"alfiexco@proton.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/layered-object_0.1.0_1782054401948_0.1621515562851794"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-21T15:06:41.793Z","0.1.0":"2026-06-21T15:06:42.089Z","modified":"2026-06-21T15:06:42.497Z"},"maintainers":[{"name":"alfiexco","email":"alfiexco@proton.me"}],"description":"A customizable layered frame component for React.","homepage":"https://github.com/alfredosa/alfies-web-components#readme","repository":{"type":"git","url":"git+https://github.com/alfredosa/alfies-web-components.git","directory":"packages/layered-object"},"bugs":{"url":"https://github.com/alfredosa/alfies-web-components/issues"},"license":"MIT","readme":"# @alfiexco/layered-object\n\nCustomizable React version of the stacked object frame from Biomehub.\n\n```tsx\nimport { LayeredObject } from \"@alfiexco/layered-object\";\n\n<LayeredObject\n  offset=\"lg\"\n  primaryColor=\"#ffffff\"\n  primaryBorderColor=\"#0ea5e9\"\n  secondaryColor=\"#e0f2fe\"\n  secondaryBorderColor=\"rgba(14, 165, 233, 0.3)\"\n>\n  <img src=\"/preview.png\" alt=\"\" />\n</LayeredObject>\n```\n\n## Props\n\n- `offset`: `\"sm\"`, `\"md\"`, `\"lg\"`, or a pixel number.\n- `primaryColor`, `primaryBorderColor`, `primaryBorderWidth`: front layer.\n- `secondaryColor`, `secondaryBorderColor`, `secondaryBorderWidth`: back layer.\n- `radius`: shared border radius.\n- `style`, `frontLayerStyle`, `backLayerStyle`, and class names let a host app\n  integrate its own styling system.\n","readmeFilename":"README.md","_rev":"1-0b22f2d7348d103591ff7a5945e50f6f"}