{"_id":"@agent-ui-kit/shared","_rev":"4-32627d3821ebf86b20170384b88d635a","name":"@agent-ui-kit/shared","dist-tags":{"latest":"0.1.0"},"versions":{"0.0.3":{"name":"@agent-ui-kit/shared","version":"0.0.3","license":"MIT","_id":"@agent-ui-kit/shared@0.0.3","maintainers":[{"name":"kimgish","email":"kim.granlund@gmail.com"}],"homepage":"https://github.com/kimgranlund/agent-ui#readme","bugs":{"url":"https://github.com/kimgranlund/agent-ui/issues"},"dist":{"shasum":"91cfa351a318f12dfe8c3502519ec60a567cc529","tarball":"https://registry.npmjs.org/@agent-ui-kit/shared/-/shared-0.0.3.tgz","fileCount":18,"integrity":"sha512-T287ePFC792qy+03eUaieIfzwFKxqTix/Ki6wWmpO1NMtKf+40GqDKU13ipk4nG/lmsjXvZ7u74P1H2gSe8p/Q==","signatures":[{"sig":"MEYCIQCjsG8zAXWk6SzsJD0M2BiwkkOxf2uMqDZy5VqlhMCSsAIhALZZVwjgXWyusw+KGzoxAgYWoWn6gfqwTpmKjcv7QFAe","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1160823},"type":"module","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"./base.css":"./dist/tokens/base.css","./themes/*":"./dist/tokens/themes/*","./tokens.css":"./dist/tokens/tokens.css","./dimensions.css":"./dist/tokens/dimensions.css"},"gitHead":"e0d88476fd1700cd6ae4c8c4ff2de34a435279c8","_npmUser":{"name":"kimgish","email":"kim.granlund@gmail.com"},"repository":{"url":"git+https://github.com/kimgranlund/agent-ui.git","type":"git","directory":"packages/agent-ui/shared"},"_npmVersion":"11.16.0","directories":{},"_nodeVersion":"24.18.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/shared_0.0.3_1784488724314_0.3610579381870005","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"@agent-ui-kit/shared","version":"0.0.4","keywords":["agent-ui","web-components","custom-elements","design-system","design-tokens","css","material-design","theming"],"license":"MIT","_id":"@agent-ui-kit/shared@0.0.4","maintainers":[{"name":"kimgish","email":"kim.granlund@gmail.com"}],"homepage":"https://github.com/kimgranlund/agent-ui#readme","bugs":{"url":"https://github.com/kimgranlund/agent-ui/issues"},"dist":{"shasum":"0a8121516a8a0aa58b1dab2c7a15dbe5ca640abb","tarball":"https://registry.npmjs.org/@agent-ui-kit/shared/-/shared-0.0.4.tgz","fileCount":20,"integrity":"sha512-XcKa/uwXuYoOplkXKVlo62ScG4HdCdMXX39Wkj75QEFdy/kHnlCRWTqIevdYsUF22xipNjZZOJlEOxqY1Y6nsQ==","signatures":[{"sig":"MEQCIGFv1GJG2VmQnEONsfuqM8BlePOm/cszFX9+XCdm6f8SAiAFkd9LsrIXyfdPUg7uekvxdGGcEZRJ3PQHUBxmOX6O9g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1164796},"type":"module","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"./base.css":"./dist/tokens/base.css","./themes/*":"./dist/tokens/themes/*","./tokens.css":"./dist/tokens/tokens.css","./dimensions.css":"./dist/tokens/dimensions.css"},"gitHead":"b591692d7d9708d4e82712652c15f33278ac7bbc","_npmUser":{"name":"kimgish","email":"kim.granlund@gmail.com"},"repository":{"url":"git+https://github.com/kimgranlund/agent-ui.git","type":"git","directory":"packages/agent-ui/shared"},"_npmVersion":"11.16.0","description":"Design tokens and foundation stylesheets for the agent-ui family: the `--md-sys-*` color/dimension token system (an extension of Material Design 3), the typographic scale, and loadable theme packs.","directories":{},"_nodeVersion":"24.18.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/shared_0.0.4_1784490207421_0.5978289925542899","host":"s3://npm-registry-packages-npm-production"}},"0.0.5":{"name":"@agent-ui-kit/shared","version":"0.0.5","keywords":["agent-ui","web-components","custom-elements","design-system","design-tokens","css","material-design","theming"],"license":"MIT","_id":"@agent-ui-kit/shared@0.0.5","maintainers":[{"name":"kimgish","email":"kim.granlund@gmail.com"}],"homepage":"https://github.com/kimgranlund/agent-ui#readme","bugs":{"url":"https://github.com/kimgranlund/agent-ui/issues"},"dist":{"shasum":"95cf5fc65aa74cb098017f8c7cbe678fb3e6aaeb","tarball":"https://registry.npmjs.org/@agent-ui-kit/shared/-/shared-0.0.5.tgz","fileCount":20,"integrity":"sha512-nhEAlkBGGczGmlzM/U/DrGBlp6jfGgnFRKlk6t8k8uVDp/dw/zfWwnF3bwzkX7WzxJBRT4DYlgUl7X68XheR5A==","signatures":[{"sig":"MEUCIQC7wXzHN/mvG0FXyWsiosmaucEGlQIkHBRBI7nvYjEPVQIgM0IrDy7JF86k0FOXMRLZN82F5OLgxS7g1sfsrBt2jxU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1165157},"type":"module","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"./base.css":"./dist/tokens/base.css","./themes/*":"./dist/tokens/themes/*","./tokens.css":"./dist/tokens/tokens.css","./dimensions.css":"./dist/tokens/dimensions.css"},"gitHead":"00fb1141077846c047c6c11294ce0c5f675d1912","_npmUser":{"name":"kimgish","email":"kim.granlund@gmail.com"},"repository":{"url":"git+https://github.com/kimgranlund/agent-ui.git","type":"git","directory":"packages/agent-ui/shared"},"_npmVersion":"11.16.0","description":"Design tokens and foundation stylesheets for the agent-ui family: the `--md-sys-*` color/dimension token system (an extension of Material Design 3), the typographic scale, and loadable theme packs.","directories":{},"_nodeVersion":"24.18.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/shared_0.0.5_1784490717494_0.5004908940053068","host":"s3://npm-registry-packages-npm-production"}},"0.1.0":{"name":"@agent-ui-kit/shared","version":"0.1.0","description":"Design tokens and foundation stylesheets for the agent-ui family: the `--md-sys-*` color/dimension token system (an extension of Material Design 3), the typographic scale, and loadable theme packs.","keywords":["agent-ui","web-components","custom-elements","design-system","design-tokens","css","material-design","theming"],"license":"MIT","homepage":"https://github.com/kimgranlund/agent-ui#readme","bugs":{"url":"https://github.com/kimgranlund/agent-ui/issues"},"type":"module","repository":{"type":"git","url":"git+https://github.com/kimgranlund/agent-ui.git","directory":"packages/agent-ui/shared"},"exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"./tokens.css":"./dist/tokens/tokens.css","./dimensions.css":"./dist/tokens/dimensions.css","./base.css":"./dist/tokens/base.css","./themes/*":"./dist/tokens/themes/*","./testing/dialog-polyfill":{"types":"./dist/testing/dialog-polyfill.d.ts","default":"./dist/testing/dialog-polyfill.js"}},"gitHead":"9a62617f8a6ac15240d47ea58a1ef59ffccc1cf6","_id":"@agent-ui-kit/shared@0.1.0","_nodeVersion":"24.19.0","_npmVersion":"11.17.0","dist":{"integrity":"sha512-D0vWYxZkWDSV5ubsdYN3WQh+Jz2LflezDApq41sXmnc052H/HfWbUGGZBP3YtCitjUy7M4w7h+gnXPnbaD9NyQ==","shasum":"a12d00c5527e267af6be72871d04296780c85c5f","tarball":"https://registry.npmjs.org/@agent-ui-kit/shared/-/shared-0.1.0.tgz","fileCount":28,"unpackedSize":1196675,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQC62C7VUT+dCQrk+OzNGcTJDrGu+hcl0NgOd5BiJSlE5gIhAPBEtl3ZtYvyu+Ib51DbaVrkcS2w+lN6Xbpoxxjvk3nT"}]},"_npmUser":{"name":"kimgish","email":"kim.granlund@gmail.com"},"directories":{},"maintainers":[{"name":"kimgish","email":"kim.granlund@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/shared_0.1.0_1787791047298_0.6165416390049923"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-19T19:18:44.215Z","modified":"2026-08-27T00:37:27.653Z","0.0.3":"2026-07-19T19:18:44.447Z","0.0.4":"2026-07-19T19:43:27.577Z","0.0.5":"2026-07-19T19:51:57.627Z","0.1.0":"2026-08-27T00:37:27.475Z"},"bugs":{"url":"https://github.com/kimgranlund/agent-ui/issues"},"license":"MIT","homepage":"https://github.com/kimgranlund/agent-ui#readme","keywords":["agent-ui","web-components","custom-elements","design-system","design-tokens","css","material-design","theming"],"repository":{"type":"git","url":"git+https://github.com/kimgranlund/agent-ui.git","directory":"packages/agent-ui/shared"},"description":"Design tokens and foundation stylesheets for the agent-ui family: the `--md-sys-*` color/dimension token system (an extension of Material Design 3), the typographic scale, and loadable theme packs.","maintainers":[{"name":"kimgish","email":"kim.granlund@gmail.com"}],"readme":"# @agent-ui-kit/shared\n\nDesign tokens and foundation stylesheets for the agent-ui family: the `--md-sys-*` color/dimension token system (an extension of Material Design 3), the typographic scale, and loadable theme packs. Zero dependencies, CSS-first.\n\n## Install\n\n```sh\nnpm install @agent-ui-kit/shared\n```\n\n## Usage\n\n```js\n// The foundation, in order: color tokens, then the dimensional ramp.\nimport '@agent-ui-kit/shared/tokens.css'\nimport '@agent-ui-kit/shared/dimensions.css'\n// Optional: the document base layer, and named theme packs.\nimport '@agent-ui-kit/shared/base.css'\n```\n\nMost consumers don't import these directly — `@agent-ui-kit/components/foundation-styles.css` aggregates them in the right order. Import this package directly when you only want the token layer.\n\n- Color roles: `--md-sys-color-{family}-{role}`, scheme-complete via `light-dark()`.\n- Type scale: `--md-sys-typescale-{role}-{size}-{size|weight|line-height|tracking}` (M3-verbatim core rows).\n- Theme packs: `@agent-ui-kit/shared/themes/.css` re-declare the color surface under `[theme='']`.\n\n## CDN (no build step)\n\n```html\n\n\n```\n\nLink `tokens.css` before `dimensions.css` (the ramp reads the color layer's variables). These two sheets are fully self-contained — no bare imports.\n\n## The @agent-ui-kit family\n\n| Package | What it is |\n|---|---|\n| [`@agent-ui-kit/components`](https://www.npmjs.com/package/@agent-ui-kit/components) | The component framework: signals kernel, 50+ light-DOM `ui-*` custom elements |\n| [`@agent-ui-kit/shared`](https://www.npmjs.com/package/@agent-ui-kit/shared) | Design tokens + foundation stylesheets (color, dimensions, themes) |\n| [`@agent-ui-kit/icons`](https://www.npmjs.com/package/@agent-ui-kit/icons) | Swappable icon-pack adapter (+ a Phosphor pack) |\n| [`@agent-ui-kit/a2ui`](https://www.npmjs.com/package/@agent-ui-kit/a2ui) | A2UI protocol renderer, validator, and component catalog |\n| [`@agent-ui-kit/a2a`](https://www.npmjs.com/package/@agent-ui-kit/a2a) | A2A (Agent2Agent) protocol wire types + validation (spec v0.3.0) |\n| [`@agent-ui-kit/router`](https://www.npmjs.com/package/@agent-ui-kit/router) | Memory-first SPA router with opt-in URL reflection |\n| [`@agent-ui-kit/code`](https://www.npmjs.com/package/@agent-ui-kit/code) | Code + prose: highlighter registry, markdown renderer, source editor |\n| [`@agent-ui-kit/app`](https://www.npmjs.com/package/@agent-ui-kit/app) | App-surface compositions: shells, conversation, agent admin |\n\nMIT © Kim Granlund · [Docs](https://ui.nonoun.io) · [Source](https://github.com/kimgranlund/agent-ui)\n","readmeFilename":"README.md"}