{"_id":"@benrobo/modelkit-studio","_rev":"7-e2bf9fd482c33a4d2dbb958ced14051f","name":"@benrobo/modelkit-studio","dist-tags":{"latest":"0.0.7"},"versions":{"0.0.1":{"name":"@benrobo/modelkit-studio","version":"0.0.1","keywords":["modelkit","react","ui","ai","llm","configuration","typescript","react-component"],"author":{"name":"benrobo"},"license":"MIT","_id":"@benrobo/modelkit-studio@0.0.1","maintainers":[{"name":"benrobo","email":"alumonabenaiah71@gmail.com"}],"homepage":"https://github.com/benrobo/modelkit#readme","bugs":{"url":"https://github.com/benrobo/modelkit/issues"},"dist":{"shasum":"88be4bb875b2d56e2365b4f24ffb7dde600d43db","tarball":"https://registry.npmjs.org/@benrobo/modelkit-studio/-/modelkit-studio-0.0.1.tgz","fileCount":83,"integrity":"sha512-cwlfsOWZlj+WwG+9QdtH3+oqPYQV8gbbUnNIJnOlgYbPzD2FzsHkVekY5ZRLQlCMz1egbbDBYkZp5+V5Ak+uvg==","signatures":[{"sig":"MEQCICiPQAlNjB7cjNFD5q10cwkyAc7ZhDFCxzSBcfFIWjtrAiACNO3do0vYgvBVH1dI7ONTyOoGF9rhsiVEYs2jjnMpOA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1448769},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","engines":{"node":">=18.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./styles":"./dist/styles.css"},"gitHead":"3d2de42a88ac34785a1bb212ebfd0c557ab725d3","pricing":false,"scripts":{"dev":"vite build --watch","build":"vite build && postcss src/styles/globals.css -o dist/styles.css","type-check":"tsc --noEmit","prepublishOnly":"bun run build"},"_npmUser":{"name":"benrobo","email":"alumonabenaiah71@gmail.com"},"repository":{"url":"git+https://github.com/benrobo/modelkit.git","type":"git","directory":"packages/studio"},"_npmVersion":"10.9.3","description":"React UI components for ModelKit - manage AI model configurations with live updates and theme customization","directories":{},"_nodeVersion":"22.18.0","dependencies":{"clsx":"^2.1.1","nuqs":"^2.8.8","sonner":"^2.0.7","esbuild":"^0.27.3","tailwind-merge":"^3.0.2","@tanstack/react-query":"^5.90.12","@radix-ui/react-popover":"^1.1.15","@fontsource-variable/inter":"^5.2.5","@fontsource-variable/jetbrains-mono":"^5.2.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.1.0","react":"^19.0.0","react-dom":"^19.0.0","typescript":"^5.7.2","postcss-cli":"^11.0.0","tailwindcss":"^4.0.17","@types/react":"^19.0.8","vite-plugin-dts":"^4.5.0","@types/react-dom":"^19.0.3","@tailwindcss/vite":"^4.0.17","@tailwindcss/postcss":"^4.0.17","@vitejs/plugin-react":"^4.3.4"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","@benrobo/modelkit":"^0.0.1"},"_npmOperationalInternal":{"tmp":"tmp/modelkit-studio_0.0.1_1771107596436_0.9668268181325126","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@benrobo/modelkit-studio","version":"0.0.2","keywords":["modelkit","react","ui","ai","llm","configuration","typescript","react-component"],"author":{"name":"benrobo"},"license":"MIT","_id":"@benrobo/modelkit-studio@0.0.2","maintainers":[{"name":"benrobo","email":"alumonabenaiah71@gmail.com"}],"homepage":"https://github.com/benrobo/modelkit#readme","bugs":{"url":"https://github.com/benrobo/modelkit/issues"},"dist":{"shasum":"ca1e320c62d92dc695b268774ef57bb3c527f015","tarball":"https://registry.npmjs.org/@benrobo/modelkit-studio/-/modelkit-studio-0.0.2.tgz","fileCount":83,"integrity":"sha512-QzTEEo9LVpzJO6QEpwxNpraOOCtzEuAd/5yGKgJ4QcKP3nYPzkkOHp791ODDyNJJh43DCpVaEEBfX0UTmbftyg==","signatures":[{"sig":"MEQCIE62N0pp1Zbpgk7NbyFQPfn0qbjvApf0sMUfYLaRo0rIAiAWwyaziSFR8gYtIAauDG7RqzQBWzRaSa/ZEhCssF64Vw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":3997508},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","engines":{"node":">=18.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./styles":"./dist/styles.css"},"gitHead":"86a7d3d6c9126e99b7688b6e122d906f17379ade","pricing":false,"scripts":{"dev":"vite build --watch","build":"vite build && postcss src/styles/globals.css -o dist/styles.css","type-check":"tsc --noEmit","prepublishOnly":"bun run build"},"_npmUser":{"name":"benrobo","email":"alumonabenaiah71@gmail.com"},"repository":{"url":"git+https://github.com/benrobo/modelkit.git","type":"git","directory":"packages/studio"},"_npmVersion":"10.9.3","description":"React UI components for ModelKit - manage AI model configurations with live updates and theme customization","directories":{},"_nodeVersion":"22.18.0","dependencies":{"clsx":"^2.1.1","nuqs":"^2.8.8","sonner":"^2.0.7","esbuild":"^0.27.3","tailwind-merge":"^3.0.2","@tanstack/react-query":"^5.90.12","@radix-ui/react-popover":"^1.1.15","react-syntax-highlighter":"^16.1.0","@fontsource-variable/inter":"^5.2.5","@fontsource-variable/jetbrains-mono":"^5.2.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.1.0","react":"^19.0.0","react-dom":"^19.0.0","typescript":"^5.7.2","postcss-cli":"^11.0.0","tailwindcss":"^4.0.17","@types/react":"^19.0.8","vite-plugin-dts":"^4.5.0","@types/react-dom":"^19.0.3","@tailwindcss/vite":"^4.0.17","@tailwindcss/postcss":"^4.0.17","@vitejs/plugin-react":"^4.3.4","@types/react-syntax-highlighter":"^15.5.13"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","@benrobo/modelkit":"^0.0.1"},"_npmOperationalInternal":{"tmp":"tmp/modelkit-studio_0.0.2_1771110133181_0.26886080490101727","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@benrobo/modelkit-studio","version":"0.0.3","keywords":["modelkit","react","ui","ai","llm","configuration","typescript","react-component"],"author":{"name":"benrobo"},"license":"MIT","_id":"@benrobo/modelkit-studio@0.0.3","maintainers":[{"name":"benrobo","email":"alumonabenaiah71@gmail.com"}],"homepage":"https://github.com/benrobo/modelkit#readme","bugs":{"url":"https://github.com/benrobo/modelkit/issues"},"dist":{"shasum":"09facdc1ea067ff1f971f78c699fdc51c296d548","tarball":"https://registry.npmjs.org/@benrobo/modelkit-studio/-/modelkit-studio-0.0.3.tgz","fileCount":83,"integrity":"sha512-Ve/YN0JgWh1ZXR/lC94nYJ2vaSYghlZxLMLAZkADXPUUIV9KhDq6PoI+Q0wVZt7EANhnP448ODm7iWiQu0gSJA==","signatures":[{"sig":"MEYCIQCPvYArxcTU5sYYbdTjkbd9l3ys/z0g/q+K92QKXgsbBAIhAL6fN6khesASugqh7jgzNeFWvIDLgM+VncOi0WwrNkiA","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":3997559},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","engines":{"node":">=18.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./styles":"./dist/styles.css"},"gitHead":"86a7d3d6c9126e99b7688b6e122d906f17379ade","pricing":false,"scripts":{"dev":"vite build --watch","build":"vite build && postcss src/styles/globals.css -o dist/styles.css","type-check":"tsc --noEmit","prepublishOnly":"bun run build"},"_npmUser":{"name":"benrobo","email":"alumonabenaiah71@gmail.com"},"repository":{"url":"git+https://github.com/benrobo/modelkit.git","type":"git","directory":"packages/studio"},"_npmVersion":"10.9.3","description":"React UI components for ModelKit - manage AI model configurations with live updates and theme customization","directories":{},"_nodeVersion":"22.18.0","dependencies":{"clsx":"^2.1.1","nuqs":"^2.8.8","sonner":"^2.0.7","esbuild":"^0.27.3","tailwind-merge":"^3.0.2","@tanstack/react-query":"^5.90.12","@radix-ui/react-popover":"^1.1.15","react-syntax-highlighter":"^16.1.0","@fontsource-variable/inter":"^5.2.5","@fontsource-variable/jetbrains-mono":"^5.2.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.1.0","react":"^19.0.0","react-dom":"^19.0.0","typescript":"^5.7.2","postcss-cli":"^11.0.0","tailwindcss":"^4.0.17","@types/react":"^19.0.8","vite-plugin-dts":"^4.5.0","@types/react-dom":"^19.0.3","@tailwindcss/vite":"^4.0.17","@tailwindcss/postcss":"^4.0.17","@vitejs/plugin-react":"^4.3.4","@types/react-syntax-highlighter":"^15.5.13"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","@benrobo/modelkit":"^0.0.1"},"_npmOperationalInternal":{"tmp":"tmp/modelkit-studio_0.0.3_1771110920194_0.4111373158250815","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"@benrobo/modelkit-studio","version":"0.0.4","keywords":["modelkit","react","ui","ai","llm","configuration","typescript","react-component"],"author":{"name":"benrobo"},"license":"MIT","_id":"@benrobo/modelkit-studio@0.0.4","maintainers":[{"name":"benrobo","email":"alumonabenaiah71@gmail.com"}],"homepage":"https://github.com/benrobo/modelkit#readme","bugs":{"url":"https://github.com/benrobo/modelkit/issues"},"dist":{"shasum":"c20d0ee210c90482535877db697a39330e66c3a9","tarball":"https://registry.npmjs.org/@benrobo/modelkit-studio/-/modelkit-studio-0.0.4.tgz","fileCount":84,"integrity":"sha512-zdpUMdqDhSkcpzk2piLBxsVInVUoV9+fSN3R80AQLatkG5UiUbQj02zpgKTglvAkW/+HnqDmLUos4iEgSfA21A==","signatures":[{"sig":"MEUCIQDPcA3BYLOKKpxuAFY9uBBgoaVO96+py29My461WsLehAIgBQxcnB7xmoyqDqXq4eXVfOhgtfYqia+QAPR9gvOK0SI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":3997828},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","engines":{"node":">=18.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./styles":{"types":"./dist/styles.d.ts","default":"./dist/styles.css"}},"gitHead":"86a7d3d6c9126e99b7688b6e122d906f17379ade","pricing":false,"scripts":{"dev":"vite build --watch","build":"vite build && postcss src/styles/globals.css -o dist/styles.css && echo '// Type declaration for CSS module\ndeclare const styles: string;\nexport default styles;' > dist/styles.d.ts","type-check":"tsc --noEmit","prepublishOnly":"bun run build"},"_npmUser":{"name":"benrobo","email":"alumonabenaiah71@gmail.com"},"repository":{"url":"git+https://github.com/benrobo/modelkit.git","type":"git","directory":"packages/studio"},"_npmVersion":"10.9.3","description":"React UI components for ModelKit - manage AI model configurations with live updates and theme customization","directories":{},"_nodeVersion":"22.18.0","dependencies":{"clsx":"^2.1.1","nuqs":"^2.8.8","sonner":"^2.0.7","esbuild":"^0.27.3","tailwind-merge":"^3.0.2","@tanstack/react-query":"^5.90.12","@radix-ui/react-popover":"^1.1.15","react-syntax-highlighter":"^16.1.0","@fontsource-variable/inter":"^5.2.5","@fontsource-variable/jetbrains-mono":"^5.2.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.1.0","react":"^19.0.0","react-dom":"^19.0.0","typescript":"^5.7.2","postcss-cli":"^11.0.0","tailwindcss":"^4.0.17","@types/react":"^19.0.8","vite-plugin-dts":"^4.5.0","@types/react-dom":"^19.0.3","@tailwindcss/vite":"^4.0.17","@tailwindcss/postcss":"^4.0.17","@vitejs/plugin-react":"^4.3.4","@types/react-syntax-highlighter":"^15.5.13"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","@benrobo/modelkit":"^0.0.1"},"_npmOperationalInternal":{"tmp":"tmp/modelkit-studio_0.0.4_1771111458631_0.6102020190758832","host":"s3://npm-registry-packages-npm-production"}},"0.0.5":{"name":"@benrobo/modelkit-studio","version":"0.0.5","keywords":["modelkit","react","ui","ai","llm","configuration","typescript","react-component"],"author":{"name":"benrobo"},"license":"MIT","_id":"@benrobo/modelkit-studio@0.0.5","maintainers":[{"name":"benrobo","email":"alumonabenaiah71@gmail.com"}],"homepage":"https://github.com/benrobo/modelkit#readme","bugs":{"url":"https://github.com/benrobo/modelkit/issues"},"dist":{"shasum":"8ecc07bcfdeb8efd9eea73f821bd5477007d3328","tarball":"https://registry.npmjs.org/@benrobo/modelkit-studio/-/modelkit-studio-0.0.5.tgz","fileCount":84,"integrity":"sha512-Ysc55XniSuS0tRsHRlVk7MRSjPVyt4wBWnZZ0LxrzW4SFVbdAxqxL1Z9vC/BlQqksmC06igjeD5iundCY7P+xA==","signatures":[{"sig":"MEQCIC4yJXrUK5g70ljMCHaUbLihAyFrefQC6SlWc5vXJhEBAiAjj5MCsBhsdIAdx3Dd1lmoMNQg2+cYVb8i8WJ5zk91LA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4002691},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","engines":{"node":">=18.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./styles":{"types":"./dist/styles.d.ts","default":"./dist/styles.css"}},"gitHead":"52eea1ec20768899ce2e8f1eda3efaca249b1fae","pricing":false,"scripts":{"dev":"vite build --watch","build":"vite build && postcss src/styles/globals.css -o dist/styles.css && echo '// Type declaration for CSS module\ndeclare const styles: string;\nexport default styles;' > dist/styles.d.ts","type-check":"tsc --noEmit","prepublishOnly":"bun run build"},"_npmUser":{"name":"benrobo","email":"alumonabenaiah71@gmail.com"},"repository":{"url":"git+https://github.com/benrobo/modelkit.git","type":"git","directory":"packages/studio"},"_npmVersion":"10.9.3","description":"React UI components for ModelKit - manage AI model configurations with live updates and theme customization","directories":{},"_nodeVersion":"22.18.0","dependencies":{"clsx":"^2.1.1","nuqs":"^2.8.8","sonner":"^2.0.7","esbuild":"^0.27.3","tailwind-merge":"^3.0.2","@tanstack/react-query":"^5.90.12","@radix-ui/react-popover":"^1.1.15","react-syntax-highlighter":"^16.1.0","@fontsource-variable/inter":"^5.2.5","@fontsource-variable/jetbrains-mono":"^5.2.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.1.0","react":"^19.0.0","react-dom":"^19.0.0","typescript":"^5.7.2","postcss-cli":"^11.0.0","tailwindcss":"^4.0.17","@types/react":"^19.0.8","vite-plugin-dts":"^4.5.0","@types/react-dom":"^19.0.3","@tailwindcss/vite":"^4.0.17","@tailwindcss/postcss":"^4.0.17","@vitejs/plugin-react":"^4.3.4","@types/react-syntax-highlighter":"^15.5.13"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","@benrobo/modelkit":"^0.0.1"},"_npmOperationalInternal":{"tmp":"tmp/modelkit-studio_0.0.5_1771121203481_0.2779653216179625","host":"s3://npm-registry-packages-npm-production"}},"0.0.6":{"name":"@benrobo/modelkit-studio","version":"0.0.6","keywords":["modelkit","react","ui","ai","llm","configuration","typescript","react-component"],"author":{"name":"benrobo"},"license":"MIT","_id":"@benrobo/modelkit-studio@0.0.6","maintainers":[{"name":"benrobo","email":"alumonabenaiah71@gmail.com"}],"homepage":"https://github.com/benrobo/modelkit#readme","bugs":{"url":"https://github.com/benrobo/modelkit/issues"},"dist":{"shasum":"aaf864b4698c0f8d57c2efabd8361f45ba1d75da","tarball":"https://registry.npmjs.org/@benrobo/modelkit-studio/-/modelkit-studio-0.0.6.tgz","fileCount":84,"integrity":"sha512-+02Njr2hBnWTqUemlJZ9HuoCrzoKAYQAdeWLzd+o/ZjgveAaagYF2cY40d82Nw4umq+497XzNjbOVDIJSFQ/xA==","signatures":[{"sig":"MEQCICUwWH/hzPHb8KgIKkUlFSRS3KwU6GJN3aKCm8+uWhhOAiAzMXd7YDsbasCSyHT0RntyMWblr5XeUZpsuqX2OrbclA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4117252},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","engines":{"node":">=18.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./styles":{"types":"./dist/styles.d.ts","default":"./dist/styles.css"}},"gitHead":"52eea1ec20768899ce2e8f1eda3efaca249b1fae","pricing":false,"scripts":{"dev":"vite build --watch","build":"vite build && echo '// Type declaration for CSS module\ndeclare const styles: string;\nexport default styles;' > dist/styles.d.ts","type-check":"tsc --noEmit","prepublishOnly":"bun run build"},"_npmUser":{"name":"benrobo","email":"alumonabenaiah71@gmail.com"},"repository":{"url":"git+https://github.com/benrobo/modelkit.git","type":"git","directory":"packages/studio"},"_npmVersion":"10.9.3","description":"React UI components for ModelKit - manage AI model configurations with live updates and theme customization","directories":{},"_nodeVersion":"22.18.0","dependencies":{"clsx":"^2.1.1","nuqs":"^2.8.8","sonner":"^2.0.7","esbuild":"^0.27.3","tailwind-merge":"^3.0.2","@tanstack/react-query":"^5.90.12","@radix-ui/react-popover":"^1.1.15","react-syntax-highlighter":"^16.1.0","@fontsource-variable/inter":"^5.2.5","@fontsource-variable/jetbrains-mono":"^5.2.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.1.0","react":"^19.0.0","react-dom":"^19.0.0","typescript":"^5.7.2","postcss-cli":"^11.0.0","tailwindcss":"^4.0.17","@types/react":"^19.0.8","vite-plugin-dts":"^4.5.0","@types/react-dom":"^19.0.3","@tailwindcss/vite":"^4.0.17","@tailwindcss/postcss":"^4.0.17","@vitejs/plugin-react":"^4.3.4","@types/react-syntax-highlighter":"^15.5.13"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","@benrobo/modelkit":"^0.0.1"},"_npmOperationalInternal":{"tmp":"tmp/modelkit-studio_0.0.6_1771122010451_0.6609505239529854","host":"s3://npm-registry-packages-npm-production"}},"0.0.7":{"name":"@benrobo/modelkit-studio","pricing":false,"version":"0.0.7","description":"React UI components for ModelKit - manage AI model configurations with live updates and theme customization","publishConfig":{"access":"public"},"keywords":["modelkit","react","ui","ai","llm","configuration","typescript","react-component"],"homepage":"https://github.com/benrobo/modelkit#readme","repository":{"type":"git","url":"git+https://github.com/benrobo/modelkit.git","directory":"packages/studio"},"bugs":{"url":"https://github.com/benrobo/modelkit/issues"},"license":"MIT","author":{"name":"benrobo"},"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"},"./styles":{"types":"./dist/styles.d.ts","default":"./dist/styles.css"}},"scripts":{"build":"vite build && vite build --config vite.standalone.config.ts && echo '// Type declaration for CSS module\ndeclare const styles: string;\nexport default styles;' > dist/styles.d.ts","dev":"vite build --watch","type-check":"tsc --noEmit","prepublishOnly":"bun run build","npm:publish":"bun run build && npm publish --access public"},"dependencies":{"@fontsource-variable/inter":"^5.2.5","@fontsource-variable/jetbrains-mono":"^5.2.5","@radix-ui/react-popover":"^1.1.15","@tanstack/react-query":"^5.90.12","clsx":"^2.1.1","esbuild":"^0.27.3","nuqs":"^2.8.8","react-syntax-highlighter":"^16.1.0","sonner":"^2.0.7","tailwind-merge":"^3.0.2"},"peerDependencies":{"@benrobo/modelkit":"^0.0.1","react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"devDependencies":{"@tailwindcss/postcss":"^4.0.17","@tailwindcss/vite":"^4.0.17","@types/react":"^19.0.8","@types/react-dom":"^19.0.3","@types/react-syntax-highlighter":"^15.5.13","@vitejs/plugin-react":"^4.3.4","postcss-cli":"^11.0.0","react":"^19.0.0","react-dom":"^19.0.0","tailwindcss":"^4.0.17","typescript":"^5.7.2","vite":"^6.1.0","vite-plugin-dts":"^4.5.0"},"engines":{"node":">=18.0.0"},"_id":"@benrobo/modelkit-studio@0.0.7","gitHead":"ab5cf7ff7fbd40a76a6ea7a5ec18f12c2b316464","_nodeVersion":"22.18.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-X0mNb5K8zwCM2UxyI5jOFdbnV4KS57DR1Nsp6NEtjhN8Hg14Xm/kKN1p2s1YmcDb/1A4gWCm1yLOh5VjHVFunA==","shasum":"bb8b62179b4b40d74f674b9b4ba61b8c7333422d","tarball":"https://registry.npmjs.org/@benrobo/modelkit-studio/-/modelkit-studio-0.0.7.tgz","fileCount":88,"unpackedSize":4445369,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIHPV7fAZotn7u1PP7o1I/H7litpgQRCzk73qv9IImWpaAiEA3bzO6KbfmJ25nM/g8iIwfw7tP+gEV4XEq6+gjKaujQU="}]},"_npmUser":{"name":"benrobo","email":"alumonabenaiah71@gmail.com"},"directories":{},"maintainers":[{"name":"benrobo","email":"alumonabenaiah71@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/modelkit-studio_0.0.7_1775510338267_0.06174273886490056"},"_hasShrinkwrap":false}},"time":{"created":"2026-02-14T22:19:56.345Z","modified":"2026-04-06T21:18:58.611Z","0.0.1":"2026-02-14T22:19:56.630Z","0.0.2":"2026-02-14T23:02:13.387Z","0.0.3":"2026-02-14T23:15:20.455Z","0.0.4":"2026-02-14T23:24:18.826Z","0.0.5":"2026-02-15T02:06:43.740Z","0.0.6":"2026-02-15T02:20:10.637Z","0.0.7":"2026-04-06T21:18:58.494Z"},"bugs":{"url":"https://github.com/benrobo/modelkit/issues"},"author":{"name":"benrobo"},"license":"MIT","homepage":"https://github.com/benrobo/modelkit#readme","keywords":["modelkit","react","ui","ai","llm","configuration","typescript","react-component"],"repository":{"type":"git","url":"git+https://github.com/benrobo/modelkit.git","directory":"packages/studio"},"description":"React UI components for ModelKit - manage AI model configurations with live updates and theme customization","maintainers":[{"name":"benrobo","email":"alumonabenaiah71@gmail.com"}],"readme":"# @benrobo/modelkit-studio\n\nReact UI for managing ModelKit overrides.\n\n## Preview\n\n![ModelKit Studio](../../screenshots/prev-3.png)\n\nFeature list and override editor with multiple themes (dark, forest, purple, and more).\n\n## Installation\n\n```bash\nnpm install @benrobo/modelkit-studio\n```\n\n## Quick Start\n\nSet up the backend API first:\n\n```typescript\nimport { Hono } from \"hono\";\nimport { createModelKit, createRedisAdapter } from \"@benrobo/modelkit\";\nimport { createModelKitHonoRouter } from \"@benrobo/modelkit/hono\";\n\nconst adapter = createRedisAdapter({\n  url: process.env.REDIS_URL || \"redis://localhost:6379\",\n});\n\nconst modelKit = createModelKit(adapter);\n\nconst app = new Hono();\napp.route(\"/api/modelkit\", createModelKitHonoRouter(modelKit));\n```\n\nThen use the Studio UI (you must import the styles for the component to display correctly):\n\n```tsx\nimport { ModelKitStudio } from \"@benrobo/modelkit-studio\";\nimport \"@benrobo/modelkit-studio/styles\";\n\n<ModelKitStudio apiUrl=\"http://localhost:3000/api/modelkit\" theme=\"dark\" />\n```\n\n## Props\n\n```tsx\ninterface ModelKitStudioProps {\n  apiUrl: string;\n  theme?: \"light\" | \"dark\" | StudioThemeOverride;\n  themeBase?: \"light\" | \"dark\";\n  className?: string;\n  classNames?: ClassNameOverrides;\n  queryClient?: QueryClient;\n}\n```\n\n## Themes\n\n### Built-in Themes\n\nModelKit Studio includes 10 preset themes. You can use them by importing and passing the theme object:\n\n```tsx\nimport {\n  ModelKitStudio,\n  darkTheme,\n  lightTheme,\n  chocoTheme,\n  oceanTheme,\n  sunsetTheme,\n  forestTheme,\n  purpleTheme,\n  crimsonTheme,\n  cyanTheme,\n  amberTheme,\n} from \"@benrobo/modelkit-studio\";\n\n// Use a preset theme\n<ModelKitStudio apiUrl=\"http://localhost:3000/api/modelkit\" theme={chocoTheme} />\n<ModelKitStudio apiUrl=\"http://localhost:3000/api/modelkit\" theme={oceanTheme} />\n<ModelKitStudio apiUrl=\"http://localhost:3000/api/modelkit\" theme={darkTheme} />\n```\n\n**Available preset themes:**\n\n- `darkTheme` - Tactical dark theme with cyan accents (default)\n- `lightTheme` - Clean light theme\n- `chocoTheme` - Warm chocolate/coffee theme with rounded corners\n- `oceanTheme` - Deep blue ocean theme\n- `sunsetTheme` - Orange and brown sunset theme\n- `forestTheme` - Green forest theme\n- `purpleTheme` - Purple/violet theme\n- `crimsonTheme` - Red/pink crimson theme\n- `cyanTheme` - Bright cyan/teal theme\n- `amberTheme` - Golden amber/yellow theme\n\n### Custom Theme with Type-Safe Autocomplete\n\n**Important:** To get TypeScript autocomplete for custom themes, define the theme object separately with an explicit type annotation:\n\n```tsx\nimport {\n  ModelKitStudio,\n  type StudioThemeOverride,\n} from \"@benrobo/modelkit-studio\";\n\n// Define custom theme\nconst customTheme: StudioThemeOverride = {\n  colors: {\n    primary: \"#ff00ff\",\n    background: \"#000000\",\n    text: \"#ffffff\",\n  },\n  fonts: {\n    body: \"Inter, sans-serif\",\n    mono: \"Fira Code, monospace\",\n  },\n  spacing: {\n    md: \"20px\",\n  },\n  interactive: {\n    primaryHover: \"rgba(255, 0, 255, 0.8)\",\n  },\n};\n\n<ModelKitStudio\n  apiUrl=\"http://localhost:3000/api/modelkit\"\n  theme={customTheme}\n/>;\n```\n\n### Available Theme Properties\n\n```typescript\ninterface StudioThemeOverride {\n  colors?: {\n    primary?: string;\n    secondary?: string;\n    background?: string;\n    surface?: string;\n    text?: string;\n    textSecondary?: string;\n    border?: string;\n    success?: string;\n    warning?: string;\n    error?: string;\n  };\n  fonts?: {\n    body?: string;\n    mono?: string;\n  };\n  borderRadius?: {\n    sm?: string;\n    md?: string;\n    lg?: string;\n  };\n  spacing?: {\n    xs?: string;\n    sm?: string;\n    md?: string;\n    lg?: string;\n    xl?: string;\n  };\n  interactive?: {\n    primaryHover?: string;\n    primaryMuted?: string;\n    surfaceHover?: string;\n    borderHover?: string;\n    textHover?: string;\n  };\n}\n```\n\nAll properties are optional - only override what you need. Unspecified values will use the default theme.\n\n## Styling\n\nImport the package CSS once (e.g. in your root layout or main entry):\n\n```tsx\nimport \"@benrobo/modelkit-studio/styles\";\n```\n\nStudio uses Tailwind with the `mk:` prefix, so its classes won’t conflict with your app’s Tailwind.\n\nOverride classes:\n\n```tsx\n<ModelKitStudio\n  apiUrl=\"http://localhost:3000/api/modelkit\"\n  classNames={{\n    container: \"max-w-7xl\",\n    buttonPrimary: \"bg-green-500\",\n  }}\n/>\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md"}