{"_id":"@edux-design/tiles","name":"@edux-design/tiles","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.1":{"name":"@edux-design/tiles","version":"0.1.1","private":false,"sideEffects":["**/*.css"],"types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.mjs","require":"./dist/index.js","types":"./dist/index.d.ts"}},"scripts":{"lint":"eslint . --max-warnings 0","build":"tsup src/index.js --format esm,cjs --dts","dev":"tsup src/index.js --watch --format esm,cjs --dts","generate:component":"turbo gen react-component","check-types":"tsc --noEmit"},"devDependencies":{"typescript":"^5.9.2","tailwindcss":"^4.1.12","postcss":"^8.5.6","tsup":"^8.5.0","@tailwindcss/cli":"^4.1.12","@tailwindcss/postcss":"^4.1.12"},"dependencies":{"@edux-design/utils":"*"},"peerDependencies":{"react":"^19.1.0","react-dom":"^19.1.0"},"_id":"@edux-design/tiles@0.1.1","gitHead":"ddc5150ed815560c3816421a5364a1478f7d7b00","description":"Button-like tile primitives for larger action targets that need icon, title, description, and supporting metadata in a single pressable surface.","_nodeVersion":"22.14.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-afEvyT5zT06/0qsOfOYszEeSDKUiK+p3ETmDPdijj7TGQExZdmvl1By2T6SOLXUPSVVT1ZG64YbqG14XpXnrNg==","shasum":"805aa417e415ff6bcce37e7b5464112aead46665","tarball":"https://registry.npmjs.org/@edux-design/tiles/-/tiles-0.1.1.tgz","fileCount":15,"unpackedSize":42725,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIGBN1FXdxpXcIYAhCj/Mow4Sz/Fa2jaCsj13ijDhXhezAiEA/CvxPEW4cGcST9D8udTAQEXameXoVv+R1jEzep9QXec="}]},"_npmUser":{"name":"vjdalsanto26","email":"viraj.gunawardana@cambridge.org"},"directories":{},"maintainers":[{"name":"vjdalsanto26","email":"viraj.gunawardana@cambridge.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tiles_0.1.1_1783587778372_0.11747092479893473"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-09T09:02:58.180Z","0.1.1":"2026-07-09T09:02:58.503Z","modified":"2026-07-09T09:02:58.698Z"},"maintainers":[{"name":"vjdalsanto26","email":"viraj.gunawardana@cambridge.org"}],"description":"Button-like tile primitives for larger action targets that need icon, title, description, and supporting metadata in a single pressable surface.","readme":"# @edux-design/tiles\n\nButton-like tile primitives for larger action targets that need icon, title, description, and supporting metadata in a single pressable surface.\n\n## Components\n\n- `Tile`: a pressable surface built on the native `<button>` element.\n- `TileGroup`: a layout wrapper for stacking or arranging related tiles.\n\n## Usage\n\n```jsx\nimport { Tile, TileGroup } from \"@edux-design/tiles\";\n\n<TileGroup aria-label=\"Question creation actions\">\n  <Tile>\n    <Tile.StartIcon>\n      <CreateIcon aria-hidden=\"true\" />\n    </Tile.StartIcon>\n    <Tile.Body>\n      <Tile.Title>Create assignment</Tile.Title>\n      <Tile.Description>Start from a blank activity shell.</Tile.Description>\n    </Tile.Body>\n    <Tile.EndIcon>\n      <ChevronRight aria-hidden=\"true\" />\n    </Tile.EndIcon>\n  </Tile>\n\n  <Tile isSelected>\n    <Tile.Body>\n      <Tile.Title>Import questions</Tile.Title>\n      <Tile.Description>\n        Bring in existing content from another source.\n      </Tile.Description>\n    </Tile.Body>\n  </Tile>\n</TileGroup>\n```\n\n## Accessibility\n\n`Tile` uses a real `<button>` so keyboard activation and disabled behaviour come for free. When the tile represents a selected toggle-style option, set `isSelected`; this maps to `aria-pressed`.\n\nIf you render an icon-only tile, provide an accessible name with `aria-label`.\n\nIf `TileGroup` is being used as a named control set, provide `aria-label` or `aria-labelledby` so it exposes an accessible group name.\n\n## Stories\n\nStories live in `src/demos/Tile.stories.jsx` and cover single-tile, grouped, selected, disabled, and rich-content states.\n","readmeFilename":"README.md","_rev":"1-60c41baf56c1262c36bdc232c9f286b6"}