{"_id":"@channel.io/app-sdk-wam-ui","_rev":"6-f124ff1262f1e91c738973c4a6e053a4","name":"@channel.io/app-sdk-wam-ui","dist-tags":{"latest":"0.4.1"},"versions":{"0.2.0":{"name":"@channel.io/app-sdk-wam-ui","version":"0.2.0","license":"MIT","_id":"@channel.io/app-sdk-wam-ui@0.2.0","maintainers":[{"name":"polarshin","email":"polar@channel.io"},{"name":"zoyi","email":"eng@channel.io"},{"name":"quino0627","email":"dongwook627@gmail.com"},{"name":"sungik.dev","email":"sungik.dev@gmail.com"}],"homepage":"https://github.com/channel-io/app-sdk#readme","bugs":{"url":"https://github.com/channel-io/app-sdk/issues"},"dist":{"shasum":"d6ce49e934bb13e44f9035ce0fddafc5eeb2094e","tarball":"https://registry.npmjs.org/@channel.io/app-sdk-wam-ui/-/app-sdk-wam-ui-0.2.0.tgz","fileCount":70,"integrity":"sha512-CzsCwOHofB/7aG3DZHAyHokQsg/A5VkzDsAdqtNyB5mFGx2HvvInSjKvSpSkB+uWyvdKm5pV1M1cDzZwYh2HJw==","signatures":[{"sig":"MEQCIEFA5f+ba0Fu7OvwmxlGM1Pr+vKqL7L0aAUID10K71pOAiADplFl+2FjmDk9vhWrxjB1S0QbN9S4EuLiOYaR5UIi4g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":72677},"main":"./dist/index.js","type":"module","_from":"file:channel.io-app-sdk-wam-ui-0.2.0.tgz","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"}},"scripts":{"dev":"tsc --watch","lint":"eslint src/","test":"vitest run","build":"tsc","clean":"rm -rf dist","lint:fix":"eslint src/ --fix","typecheck":"tsc --noEmit","test:watch":"vitest"},"_npmUser":{"name":"zoyi","email":"eng@channel.io"},"_resolved":"/tmp/be81e67b775289f44ae2c9ca7f3e584c/channel.io-app-sdk-wam-ui-0.2.0.tgz","_integrity":"sha512-CzsCwOHofB/7aG3DZHAyHokQsg/A5VkzDsAdqtNyB5mFGx2HvvInSjKvSpSkB+uWyvdKm5pV1M1cDzZwYh2HJw==","repository":{"url":"git+https://github.com/channel-io/app-sdk.git","type":"git","directory":"packages/wam-ui"},"_npmVersion":"10.8.2","description":"UI components for Channel.io WAM — desk-consistent design patterns","directories":{},"_nodeVersion":"20.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"jsdom":"^25.0.1","react":"^18.3.1","vitest":"^2.1.8","react-dom":"^18.3.1","typescript":"^5.7.2","@types/react":"^18.3.18","@types/react-dom":"^18.3.5","styled-components":"^6.1.19","@testing-library/react":"^16.1.0","@channel.io/bezier-icons":"^0.55.0","@channel.io/bezier-react":"^3.6.5","@testing-library/jest-dom":"^6.9.1"},"peerDependencies":{"react":">=17.0.0","styled-components":">=6.0.0","@channel.io/bezier-icons":">=0.40.0","@channel.io/bezier-react":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/app-sdk-wam-ui_0.2.0_1774973740209_0.3820428410228571","host":"s3://npm-registry-packages-npm-production"}},"0.2.1":{"name":"@channel.io/app-sdk-wam-ui","version":"0.2.1","license":"MIT","_id":"@channel.io/app-sdk-wam-ui@0.2.1","maintainers":[{"name":"polarshin","email":"polar@channel.io"},{"name":"zoyi","email":"eng@channel.io"},{"name":"quino0627","email":"dongwook627@gmail.com"},{"name":"sungik.dev","email":"sungik.dev@gmail.com"}],"homepage":"https://github.com/channel-io/app-sdk#readme","bugs":{"url":"https://github.com/channel-io/app-sdk/issues"},"dist":{"shasum":"763720a56fbd4916511b26b46e552e7045eb0446","tarball":"https://registry.npmjs.org/@channel.io/app-sdk-wam-ui/-/app-sdk-wam-ui-0.2.1.tgz","fileCount":74,"integrity":"sha512-9RlWAy4M4d8vfEnqS7BvFocm20HN5Rc8aPh5TyoW2SklWwv0+TfCenAaoPYVl1jtYHzfF5J7MwoD8NolZEzllg==","signatures":[{"sig":"MEUCIQCjQLpmaaBVq2eBxSavCSNDqX4iUeiW8asNbFlIjgOovQIgClG9mBqknxBlCC0ZDuNYVwymBywhmk6X94fCSJ0RYu4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":75803},"main":"./dist/index.js","type":"module","_from":"file:channel.io-app-sdk-wam-ui-0.2.1.tgz","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"}},"scripts":{"dev":"tsc --watch","lint":"eslint src/","test":"vitest run","build":"tsc","clean":"rm -rf dist","lint:fix":"eslint src/ --fix","typecheck":"tsc --noEmit","test:watch":"vitest"},"_npmUser":{"name":"zoyi","email":"eng@channel.io"},"_resolved":"/tmp/4598f3d154164e116f3542545461a679/channel.io-app-sdk-wam-ui-0.2.1.tgz","_integrity":"sha512-9RlWAy4M4d8vfEnqS7BvFocm20HN5Rc8aPh5TyoW2SklWwv0+TfCenAaoPYVl1jtYHzfF5J7MwoD8NolZEzllg==","repository":{"url":"git+https://github.com/channel-io/app-sdk.git","type":"git","directory":"packages/wam-ui"},"_npmVersion":"10.8.2","description":"UI components for Channel.io WAM — desk-consistent design patterns","directories":{},"_nodeVersion":"20.20.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"jsdom":"^25.0.1","react":"^18.3.1","vitest":"^2.1.8","react-dom":"^18.3.1","typescript":"^5.7.2","@types/react":"^18.3.18","@types/react-dom":"^18.3.5","styled-components":"^6.1.19","@testing-library/react":"^16.1.0","@channel.io/bezier-icons":"^0.55.0","@channel.io/bezier-react":"^3.6.5","@testing-library/jest-dom":"^6.9.1"},"peerDependencies":{"react":">=17.0.0","styled-components":">=6.0.0","@channel.io/bezier-icons":">=0.40.0","@channel.io/bezier-react":">=3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/app-sdk-wam-ui_0.2.1_1775007666008_0.8004130246143262","host":"s3://npm-registry-packages-npm-production"}},"0.2.2":{"name":"@channel.io/app-sdk-wam-ui","version":"0.2.2","license":"MIT","_id":"@channel.io/app-sdk-wam-ui@0.2.2","maintainers":[{"name":"polarshin","email":"polar@channel.io"},{"name":"zoyi","email":"eng@channel.io"},{"name":"quino0627","email":"dongwook627@gmail.com"},{"name":"sungik.dev","email":"sungik.dev@gmail.com"}],"homepage":"https://github.com/channel-io/cht-app-sdk#readme","bugs":{"url":"https://github.com/channel-io/cht-app-sdk/issues"},"dist":{"shasum":"7cd1978a3435b1195132d0adb123497096fddd80","tarball":"https://registry.npmjs.org/@channel.io/app-sdk-wam-ui/-/app-sdk-wam-ui-0.2.2.tgz","fileCount":74,"integrity":"sha512-owU9bQFyn8NNpmzO11sndeKBYi8iSQ2308ShzglWWR3fAEfyuoa9rqosTRman4rc3FhMQuLPbv/67jbjiQyoRQ==","signatures":[{"sig":"MEUCIQCnUUZ+OYaJsA/Hs96C3x4wTC8lAiu+u8cOiCFKYBDmfwIgSE/H/njfvKzY30cqHL2O8MtnBUB+aWgUYs4QL3cve6E=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":75930},"main":"./dist/index.js","type":"module","_from":"file:channel.io-app-sdk-wam-ui-0.2.2.tgz","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"}},"scripts":{"dev":"tsc --watch","lint":"eslint src/","test":"vitest run","build":"tsc","clean":"rm -rf dist","lint:fix":"eslint src/ --fix","typecheck":"tsc --noEmit","test:watch":"vitest"},"_npmUser":{"name":"zoyi","email":"eng@channel.io"},"_resolved":"/tmp/3935fb1d20dc6cd73bbdb12a379e1483/channel.io-app-sdk-wam-ui-0.2.2.tgz","_integrity":"sha512-owU9bQFyn8NNpmzO11sndeKBYi8iSQ2308ShzglWWR3fAEfyuoa9rqosTRman4rc3FhMQuLPbv/67jbjiQyoRQ==","repository":{"url":"git+https://github.com/channel-io/cht-app-sdk.git","type":"git","directory":"ts/packages/wam-ui"},"_npmVersion":"10.8.2","description":"UI components for Channel.io WAM — desk-consistent design patterns","directories":{},"_nodeVersion":"20.20.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"jsdom":"^25.0.1","react":"^18.3.1","vitest":"^2.1.8","react-dom":"^18.3.1","typescript":"^5.7.2","@types/react":"^18.3.18","@types/react-dom":"^18.3.5","styled-components":"^6.1.19","@testing-library/react":"^16.1.0","@channel.io/bezier-icons":"^0.59.0","@channel.io/bezier-react":"^4.0.0-next.8","@testing-library/jest-dom":"^6.9.1"},"peerDependencies":{"react":">=17.0.0","styled-components":">=6.0.0","@channel.io/bezier-icons":">=0.40.0","@channel.io/bezier-react":">=3.0.0 || >=4.0.0-next.0"},"_npmOperationalInternal":{"tmp":"tmp/app-sdk-wam-ui_0.2.2_1782909390213_0.4335031086205321","host":"s3://npm-registry-packages-npm-production"}},"0.3.0":{"name":"@channel.io/app-sdk-wam-ui","version":"0.3.0","license":"MIT","_id":"@channel.io/app-sdk-wam-ui@0.3.0","maintainers":[{"name":"polarshin","email":"polar@channel.io"},{"name":"zoyi","email":"eng@channel.io"},{"name":"quino0627","email":"dongwook627@gmail.com"},{"name":"sungik.dev","email":"sungik.dev@gmail.com"}],"homepage":"https://github.com/channel-io/cht-app-sdk#readme","bugs":{"url":"https://github.com/channel-io/cht-app-sdk/issues"},"dist":{"shasum":"f2e01f608c0792b739eb9d069caa49263ae77ee0","tarball":"https://registry.npmjs.org/@channel.io/app-sdk-wam-ui/-/app-sdk-wam-ui-0.3.0.tgz","fileCount":75,"integrity":"sha512-tjSiB4U0PRYqMUkCw6np+SQigyuUb9EkQzMTsrMEOyoc4x9x81bf8DKbZGUUTaJtjbGlPAgGhurD0XAtDvK9+Q==","signatures":[{"sig":"MEQCIC57Gm/QjQcCdNAdSJUV5YBrYhP0qECi/MY/dNkZMvPhAiBY2TArTfR1VXPmLcQtGtHCWmKq7MyTJvOc1MrmrJegvQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":77567},"main":"./dist/index.js","type":"module","_from":"file:channel.io-app-sdk-wam-ui-0.3.0.tgz","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"}},"scripts":{"dev":"tsc --watch","lint":"eslint src/","test":"vitest run","build":"tsc","clean":"rm -rf dist","lint:fix":"eslint src/ --fix","typecheck":"tsc --noEmit","test:watch":"vitest"},"_npmUser":{"name":"zoyi","email":"eng@channel.io"},"_resolved":"/tmp/f93006a6bf8bd65cb1b525aac89c3829/channel.io-app-sdk-wam-ui-0.3.0.tgz","_integrity":"sha512-tjSiB4U0PRYqMUkCw6np+SQigyuUb9EkQzMTsrMEOyoc4x9x81bf8DKbZGUUTaJtjbGlPAgGhurD0XAtDvK9+Q==","repository":{"url":"git+https://github.com/channel-io/cht-app-sdk.git","type":"git","directory":"ts/packages/wam-ui"},"_npmVersion":"10.8.2","description":"UI components for Channel.io WAM — desk-consistent design patterns","directories":{},"_nodeVersion":"20.20.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"jsdom":"^25.0.1","react":"^18.3.1","vitest":"^3.2.7","react-dom":"^18.3.1","typescript":"^5.7.2","@types/react":"^18.3.18","@types/react-dom":"^18.3.5","styled-components":"^6.4.3","@testing-library/react":"^16.1.0","@channel.io/bezier-icons":"^0.60.0","@channel.io/bezier-react":"4.0.0-next.13","@testing-library/jest-dom":"^6.9.1"},"peerDependencies":{"react":">=17.0.0","styled-components":">=6.0.0","@channel.io/bezier-icons":">=0.60.0 <1.0.0","@channel.io/bezier-react":">=4.0.0-next.13 <5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/app-sdk-wam-ui_0.3.0_1784658853961_0.8587363040436062","host":"s3://npm-registry-packages-npm-production"}},"0.4.0":{"name":"@channel.io/app-sdk-wam-ui","version":"0.4.0","license":"MIT","_id":"@channel.io/app-sdk-wam-ui@0.4.0","maintainers":[{"name":"polarshin","email":"polar@channel.io"},{"name":"zoyi","email":"eng@channel.io"},{"name":"quino0627","email":"dongwook627@gmail.com"},{"name":"sungik.dev","email":"sungik.dev@gmail.com"}],"homepage":"https://github.com/channel-io/cht-app-sdk#readme","bugs":{"url":"https://github.com/channel-io/cht-app-sdk/issues"},"dist":{"shasum":"aa3d2d2e52887d1ec3b0088267cd6604e9b1d093","tarball":"https://registry.npmjs.org/@channel.io/app-sdk-wam-ui/-/app-sdk-wam-ui-0.4.0.tgz","fileCount":51,"integrity":"sha512-eWDiLHiMYUDnXgXnoNeKwIn+4GnIqOIsExFQDcQJEwkT7LR2GnA7a/wSvEu8/zEvbiMwoFPlZtD6wTqQJSgpGA==","signatures":[{"sig":"MEUCIAGN1TrEY+JkKac7My7beSEx9XdDrRBgxAU5bZFAgN2LAiEAmu1I4f2HDgEBNOUFcumC95LN+IvqRScebHUGCUauQiI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":59641},"main":"./dist/index.js","type":"module","_from":"file:channel.io-app-sdk-wam-ui-0.4.0.tgz","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"}},"scripts":{"dev":"tsc --watch","lint":"eslint src/","test":"vitest run","build":"tsc","clean":"rm -rf dist tsconfig.tsbuildinfo","lint:fix":"eslint src/ --fix","typecheck":"tsc --noEmit","test:watch":"vitest"},"_npmUser":{"name":"zoyi","email":"eng@channel.io"},"_resolved":"/tmp/93bc33c2771df10bd3e5b68d948cdaad/channel.io-app-sdk-wam-ui-0.4.0.tgz","_integrity":"sha512-eWDiLHiMYUDnXgXnoNeKwIn+4GnIqOIsExFQDcQJEwkT7LR2GnA7a/wSvEu8/zEvbiMwoFPlZtD6wTqQJSgpGA==","repository":{"url":"git+https://github.com/channel-io/cht-app-sdk.git","type":"git","directory":"ts/packages/wam-ui"},"_npmVersion":"10.8.2","description":"WAM-specific UI infrastructure and Bezier presets for Channel.io apps","directories":{},"_nodeVersion":"20.20.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"jsdom":"^25.0.1","react":"^18.3.1","vitest":"^3.2.7","react-dom":"^18.3.1","typescript":"^5.7.2","@types/react":"^18.3.18","@types/react-dom":"^18.3.5","styled-components":"^6.4.3","@testing-library/react":"^16.1.0","@channel.io/bezier-icons":"^0.60.0","@channel.io/bezier-react":"4.0.0-next.13","@testing-library/jest-dom":"^6.9.1"},"peerDependencies":{"react":">=17.0.0","styled-components":">=6.0.0","@channel.io/bezier-icons":">=0.60.0 <1.0.0","@channel.io/bezier-react":">=4.0.0-next.13 <5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/app-sdk-wam-ui_0.4.0_1784725034851_0.8845468723581358","host":"s3://npm-registry-packages-npm-production"}},"0.4.1":{"name":"@channel.io/app-sdk-wam-ui","version":"0.4.1","description":"WAM-specific UI infrastructure and Bezier presets for Channel.io apps","type":"module","main":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"}},"peerDependencies":{"@channel.io/bezier-icons":">=0.60.0 <1.0.0","@channel.io/bezier-react":">=4.0.0-next.14 <5.0.0","react":">=17.0.0","styled-components":">=6.0.0"},"devDependencies":{"@channel.io/bezier-icons":"^0.60.0","@channel.io/bezier-react":"4.0.0-next.14","@testing-library/jest-dom":"^6.9.1","@testing-library/react":"^16.1.0","@types/react":"^18.3.18","@types/react-dom":"^18.3.5","jsdom":"^25.0.1","react":"^18.3.1","react-dom":"^18.3.1","styled-components":"^6.4.3","typescript":"^5.7.2","vitest":"^3.2.7"},"repository":{"type":"git","url":"git+https://github.com/channel-io/app-sdk.git","directory":"ts/packages/wam-ui"},"license":"MIT","publishConfig":{"access":"public"},"scripts":{"build":"tsc","dev":"tsc --watch","lint":"eslint src/","lint:fix":"eslint src/ --fix","typecheck":"tsc --noEmit","test":"vitest run","test:watch":"vitest","clean":"rm -rf dist tsconfig.tsbuildinfo"},"_id":"@channel.io/app-sdk-wam-ui@0.4.1","bugs":{"url":"https://github.com/channel-io/app-sdk/issues"},"homepage":"https://github.com/channel-io/app-sdk#readme","_integrity":"sha512-2LewEHzS+U+OKvMDUQISE4vBPT4rGKfTKo3BNcGkr/+cuJK9dhT3yyz4yQ08Z5PtC+0cXiSMSOkBAdagdZXydg==","_resolved":"/tmp/2070778791aaf3ba8562c1aa9eb2e20d/channel.io-app-sdk-wam-ui-0.4.1.tgz","_from":"file:channel.io-app-sdk-wam-ui-0.4.1.tgz","_nodeVersion":"20.20.2","_npmVersion":"10.8.2","dist":{"integrity":"sha512-2LewEHzS+U+OKvMDUQISE4vBPT4rGKfTKo3BNcGkr/+cuJK9dhT3yyz4yQ08Z5PtC+0cXiSMSOkBAdagdZXydg==","shasum":"977f9b06089d621ad818f7f82845b40f592bfc95","tarball":"https://registry.npmjs.org/@channel.io/app-sdk-wam-ui/-/app-sdk-wam-ui-0.4.1.tgz","fileCount":51,"unpackedSize":58639,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQC2ZBI9cJ4r4GBRNX/Ijv1yFZpAbvLTp0fBoiloOrZESgIgWh8H7SWxu2O3jOGqEFpK+tkxdWmhzVsc4Khi+nomFBc="}]},"_npmUser":{"name":"zoyi","email":"eng@channel.io"},"directories":{},"maintainers":[{"name":"polarshin","email":"polar@channel.io"},{"name":"zoyi","email":"eng@channel.io"},{"name":"quino0627","email":"dongwook627@gmail.com"},{"name":"sungik.dev","email":"sungik.dev@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/app-sdk-wam-ui_0.4.1_1785140973731_0.09918882039208232"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-31T16:15:40.138Z","modified":"2026-07-27T08:29:34.113Z","0.2.0":"2026-03-31T16:15:40.376Z","0.2.1":"2026-04-01T01:41:06.235Z","0.2.2":"2026-07-01T12:36:30.340Z","0.3.0":"2026-07-21T18:34:14.158Z","0.4.0":"2026-07-22T12:57:14.998Z","0.4.1":"2026-07-27T08:29:33.869Z"},"bugs":{"url":"https://github.com/channel-io/app-sdk/issues"},"license":"MIT","homepage":"https://github.com/channel-io/app-sdk#readme","repository":{"type":"git","url":"git+https://github.com/channel-io/app-sdk.git","directory":"ts/packages/wam-ui"},"description":"WAM-specific UI infrastructure and Bezier presets for Channel.io apps","maintainers":[{"name":"polarshin","email":"polar@channel.io"},{"name":"zoyi","email":"eng@channel.io"},{"name":"quino0627","email":"dongwook627@gmail.com"},{"name":"sungik.dev","email":"sungik.dev@gmail.com"}],"readme":"# @channel.io/app-sdk-wam-ui\n\nWAM-specific UI infrastructure and presets for Channel.io apps.\n\nUse this package for WAM runtime behavior such as theme detection, iframe height synchronization,\nnavigation, and common full-page states. Import general-purpose UI components directly from the\nredesigned Bezier subpath.\n\n## Installation\n\n```bash\nnpm install @channel.io/app-sdk-wam-ui\nnpm install react @channel.io/bezier-react@4.0.0-next.14 @channel.io/bezier-icons@0.60.0 styled-components@^6\n```\n\nBezier React 4 is still a prerelease. Pin `4.0.0-next.14` in application lockfiles and review its\nrelease notes before upgrading.\n\n## Quick start\n\n```tsx\nimport { SendIcon } from \"@channel.io/bezier-icons\";\nimport { Button, HStack } from \"@channel.io/bezier-react/beta\";\nimport {\n HeightSynchronizer,\n InlineBanner,\n WamHeader,\n WamThemeProvider,\n} from \"@channel.io/app-sdk-wam-ui\";\n\nexport function App() {\n return (\n \n \n \n \n