{"_id":"@chronista-club/creo-ui","_rev":"8-d838c7dd2bcea1b4fb17deb16fb2bddc","name":"@chronista-club/creo-ui","dist-tags":{"latest":"0.30.0"},"versions":{"0.24.4":{"name":"@chronista-club/creo-ui","version":"0.24.4","keywords":["design-system","css-custom-properties","design-tokens","solid-js","layout-primitives","creo-ui"],"license":"Apache-2.0","_id":"@chronista-club/creo-ui@0.24.4","maintainers":[{"name":"mako357","email":"mito@chronista.club"}],"homepage":"https://github.com/chronista-club/creo-ui#readme","bugs":{"url":"https://github.com/chronista-club/creo-ui/issues"},"dist":{"shasum":"b99fdbd2a5572974b5d2706e595f5963e52c02fe","tarball":"https://registry.npmjs.org/@chronista-club/creo-ui/-/creo-ui-0.24.4.tgz","fileCount":23,"integrity":"sha512-tY3DCFHMGwJKr63jRyWpsuniZlu27ruVUCZTHst9UzEG5L/bZTeBln2foxhlzi3CQeWbSmSfsz8TzpteYWisyg==","signatures":[{"sig":"MEUCIQDf7biMfPoQKGyAOQcWXqz0A6w+9vEp4al7+YjLs4IF5gIgZWQGCvK9iT+B2SQgiWBzr6eluBnKxhvi+P0ZdtET7bM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":381102},"main":"./dist/shells/index.js","type":"module","types":"./dist/shells/index.d.ts","module":"./dist/shells/index.js","exports":{"./shells":{"types":"./dist/shells/index.d.ts","import":"./dist/shells/index.js"},"./controls":{"types":"./dist/controls/index.d.ts","import":"./dist/controls/index.js"},"./tokens.js":{"types":"./dist/tokens.d.ts","import":"./dist/tokens.js"},"./tokens.css":"./dist/tokens.css","./package.json":"./package.json","./components.css":"./dist/components.css","./token-shim.css":"./dist/token-shim.css","./shells/index.css":"./dist/shells/index.css"},"gitHead":"b122e1cc4a077682e904f18db306d05002a8c217","scripts":{"build":"bun run --cwd ../.. build:web","build:js":"vite build","typecheck:build":"tsc -p tsconfig.build.json --noEmit"},"_npmUser":{"name":"mako357","email":"mito@chronista.club"},"repository":{"url":"git+https://github.com/chronista-club/creo-ui.git","type":"git","directory":"packages/web"},"_npmVersion":"10.8.2","description":"creo-ui — Web package (design tokens + components.css + Solid shell/control primitives)","directories":{},"_nodeVersion":"20.20.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","solid-js":"^1.9.0","typescript":"^5.5.0","vite-plugin-dts":"^4.2.0","vite-plugin-solid":"^2.10.0"},"peerDependencies":{"solid-js":"^1.9.0"},"_npmOperationalInternal":{"tmp":"tmp/creo-ui_0.24.4_1783721898505_0.9564798550237741","host":"s3://npm-registry-packages-npm-production"}},"0.25.0":{"name":"@chronista-club/creo-ui","version":"0.25.0","keywords":["design-system","css-custom-properties","design-tokens","solid-js","layout-primitives","creo-ui"],"license":"Apache-2.0","_id":"@chronista-club/creo-ui@0.25.0","maintainers":[{"name":"mako357","email":"mito@chronista.club"}],"homepage":"https://github.com/chronista-club/creo-ui#readme","bugs":{"url":"https://github.com/chronista-club/creo-ui/issues"},"dist":{"shasum":"4d57484801448ce0f5ca6de590c7d400804aec72","tarball":"https://registry.npmjs.org/@chronista-club/creo-ui/-/creo-ui-0.25.0.tgz","fileCount":23,"integrity":"sha512-pITTStDff7I6CDzDswtrp86tKUEJewoTJVkNc7zjLjKEIdJrnnNqU/au6clgcyjHrE2bJrDmKGubvRW8Bu8sEQ==","signatures":[{"sig":"MEUCIQDMVuFz9+x4w5SthYvzHSFxfGD+G8dp5W/aWsqzMck02AIgEqoCGk/tX5nU/R4aF5QMs/SNGzOpS8sJALNJ62BFkHU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":386011},"main":"./dist/shells/index.js","type":"module","types":"./dist/shells/index.d.ts","module":"./dist/shells/index.js","exports":{"./shells":{"types":"./dist/shells/index.d.ts","import":"./dist/shells/index.js"},"./controls":{"types":"./dist/controls/index.d.ts","import":"./dist/controls/index.js"},"./tokens.js":{"types":"./dist/tokens.d.ts","import":"./dist/tokens.js"},"./tokens.css":"./dist/tokens.css","./package.json":"./package.json","./components.css":"./dist/components.css","./token-shim.css":"./dist/token-shim.css","./shells/index.css":"./dist/shells/index.css"},"gitHead":"ebc2afc26ce78894964133943a24c7b7118d9fe4","scripts":{"build":"bun run --cwd ../.. build:web","build:js":"vite build","typecheck:build":"tsc -p tsconfig.build.json --noEmit"},"_npmUser":{"name":"mako357","email":"mito@chronista.club"},"repository":{"url":"git+https://github.com/chronista-club/creo-ui.git","type":"git","directory":"packages/web"},"_npmVersion":"10.8.2","description":"creo-ui — Web package (design tokens + components.css + Solid shell/control primitives)","directories":{},"_nodeVersion":"20.20.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","solid-js":"^1.9.0","typescript":"^5.5.0","vite-plugin-dts":"^4.2.0","vite-plugin-solid":"^2.10.0"},"peerDependencies":{"solid-js":"^1.9.0"},"_npmOperationalInternal":{"tmp":"tmp/creo-ui_0.25.0_1783795885557_0.8235562575181701","host":"s3://npm-registry-packages-npm-production"}},"0.26.0":{"name":"@chronista-club/creo-ui","version":"0.26.0","keywords":["design-system","css-custom-properties","design-tokens","solid-js","layout-primitives","creo-ui"],"license":"Apache-2.0","_id":"@chronista-club/creo-ui@0.26.0","maintainers":[{"name":"mako357","email":"mito@chronista.club"}],"homepage":"https://github.com/chronista-club/creo-ui#readme","bugs":{"url":"https://github.com/chronista-club/creo-ui/issues"},"dist":{"shasum":"131b10b0b48e9586d8e79f18f9a3a168ac83cdc4","tarball":"https://registry.npmjs.org/@chronista-club/creo-ui/-/creo-ui-0.26.0.tgz","fileCount":23,"integrity":"sha512-Zxsczu2wC1TtyPsmzx+uq1M/1E5NtXDkY/d62sIBXhfLqEcpEKtwgxViVmZJ6yh2eMc9WlZzG5knA8/3pxvhZg==","signatures":[{"sig":"MEYCIQDWvSVuEHUYKWNOO4z+u9diGe+5MvqpYvER9EQjMi6n/QIhANOYFQzpJR2vnC4PrK9ewWu0RnuF7cmElYeF5or8k88O","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":386717},"main":"./dist/shells/index.js","type":"module","types":"./dist/shells/index.d.ts","module":"./dist/shells/index.js","exports":{"./shells":{"types":"./dist/shells/index.d.ts","import":"./dist/shells/index.js"},"./controls":{"types":"./dist/controls/index.d.ts","import":"./dist/controls/index.js"},"./tokens.js":{"types":"./dist/tokens.d.ts","import":"./dist/tokens.js"},"./tokens.css":"./dist/tokens.css","./package.json":"./package.json","./components.css":"./dist/components.css","./token-shim.css":"./dist/token-shim.css","./shells/index.css":"./dist/shells/index.css"},"gitHead":"c9516e9bbae7db35641ba8e71aa019aa0354d679","scripts":{"build":"bun run --cwd ../.. build:web","build:js":"vite build","typecheck:build":"tsc -p tsconfig.build.json --noEmit"},"_npmUser":{"name":"mako357","email":"mito@chronista.club"},"repository":{"url":"git+https://github.com/chronista-club/creo-ui.git","type":"git","directory":"packages/web"},"_npmVersion":"10.8.2","description":"creo-ui — Web package (design tokens + components.css + Solid shell/control primitives)","directories":{},"_nodeVersion":"20.20.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","solid-js":"^1.9.0","typescript":"^5.5.0","vite-plugin-dts":"^4.2.0","vite-plugin-solid":"^2.10.0"},"peerDependencies":{"solid-js":"^1.9.0"},"_npmOperationalInternal":{"tmp":"tmp/creo-ui_0.26.0_1784103262699_0.7504775374972203","host":"s3://npm-registry-packages-npm-production"}},"0.27.0":{"name":"@chronista-club/creo-ui","version":"0.27.0","keywords":["design-system","css-custom-properties","design-tokens","solid-js","layout-primitives","creo-ui"],"license":"Apache-2.0","_id":"@chronista-club/creo-ui@0.27.0","maintainers":[{"name":"mako357","email":"mito@chronista.club"}],"homepage":"https://github.com/chronista-club/creo-ui#readme","bugs":{"url":"https://github.com/chronista-club/creo-ui/issues"},"dist":{"shasum":"1cefede046b5a6a08a63260e1f0810df11772a24","tarball":"https://registry.npmjs.org/@chronista-club/creo-ui/-/creo-ui-0.27.0.tgz","fileCount":23,"integrity":"sha512-G6EFm1kCOUhA+F4wNAoXwTO/urONqY4iWw5/LrMc0RqphUOjfOjuFaZdqpbF4IX6MjPriPi35SBIgi7ZW7XuXA==","signatures":[{"sig":"MEUCIF5zzlM+3JRWjHXvwR9fRH+nAMaREdcyCbmJFja6cywkAiEA36TtSX30oMoO6a1gw70aijKOIZjB3zkdChgV5E1xFlY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":413044},"main":"./dist/shells/index.js","type":"module","types":"./dist/shells/index.d.ts","module":"./dist/shells/index.js","exports":{"./shells":{"types":"./dist/shells/index.d.ts","import":"./dist/shells/index.js"},"./controls":{"types":"./dist/controls/index.d.ts","import":"./dist/controls/index.js"},"./tokens.js":{"types":"./dist/tokens.d.ts","import":"./dist/tokens.js"},"./tokens.css":"./dist/tokens.css","./package.json":"./package.json","./components.css":"./dist/components.css","./token-shim.css":"./dist/token-shim.css","./shells/index.css":"./dist/shells/index.css"},"gitHead":"4cf799a1bf8e501641d9344a3035cc7c5d37fbec","scripts":{"build":"bun run --cwd ../.. build:web","build:js":"vite build","typecheck:build":"tsc -p tsconfig.build.json --noEmit"},"_npmUser":{"name":"mako357","email":"mito@chronista.club"},"repository":{"url":"git+https://github.com/chronista-club/creo-ui.git","type":"git","directory":"packages/web"},"_npmVersion":"10.8.2","description":"creo-ui — Web package (design tokens + components.css + Solid shell/control primitives)","directories":{},"_nodeVersion":"20.20.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","solid-js":"^1.9.0","typescript":"^5.5.0","vite-plugin-dts":"^4.2.0","vite-plugin-solid":"^2.10.0"},"peerDependencies":{"solid-js":"^1.9.0"},"_npmOperationalInternal":{"tmp":"tmp/creo-ui_0.27.0_1785335413127_0.35544534104293235","host":"s3://npm-registry-packages-npm-production"}},"0.27.1":{"name":"@chronista-club/creo-ui","version":"0.27.1","keywords":["design-system","css-custom-properties","design-tokens","solid-js","layout-primitives","creo-ui"],"license":"Apache-2.0","_id":"@chronista-club/creo-ui@0.27.1","maintainers":[{"name":"mako357","email":"mito@chronista.club"}],"homepage":"https://github.com/chronista-club/creo-ui#readme","bugs":{"url":"https://github.com/chronista-club/creo-ui/issues"},"dist":{"shasum":"4364d3a84347f5bd4c6c5f373e2e3aca69fa8e11","tarball":"https://registry.npmjs.org/@chronista-club/creo-ui/-/creo-ui-0.27.1.tgz","fileCount":23,"integrity":"sha512-zYFDC4GOwyeQVu/jaXyKFpokMktW/BcMEj3YjucBk6bJO9vNDji1s2O7NmZ8L2B2+ifdpBAQ/IPNxjeTCFBh0A==","signatures":[{"sig":"MEQCIAek3kcV3TduA5BLclBmoPAh9K0zRdWPm28TjY54N/fjAiASnaJ2zfQprxVqbLnjGjEhOL5IrOLynUyhX/M1V+jGdw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":413250},"main":"./dist/shells/index.js","type":"module","types":"./dist/shells/index.d.ts","module":"./dist/shells/index.js","exports":{"./shells":{"types":"./dist/shells/index.d.ts","import":"./dist/shells/index.js"},"./controls":{"types":"./dist/controls/index.d.ts","import":"./dist/controls/index.js"},"./tokens.js":{"types":"./dist/tokens.d.ts","import":"./dist/tokens.js"},"./tokens.css":"./dist/tokens.css","./package.json":"./package.json","./components.css":"./dist/components.css","./token-shim.css":"./dist/token-shim.css","./shells/index.css":"./dist/shells/index.css"},"gitHead":"ab393c0025dc5d09e18207906390a467b1878437","scripts":{"build":"bun run --cwd ../.. build:web","build:js":"vite build","typecheck:build":"tsc -p tsconfig.build.json --noEmit"},"_npmUser":{"name":"mako357","email":"mito@chronista.club"},"repository":{"url":"git+https://github.com/chronista-club/creo-ui.git","type":"git","directory":"packages/web"},"_npmVersion":"10.8.2","description":"creo-ui — Web package (design tokens + components.css + Solid shell/control primitives)","directories":{},"_nodeVersion":"20.20.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","solid-js":"^1.9.0","typescript":"^5.5.0","vite-plugin-dts":"^4.2.0","vite-plugin-solid":"^2.10.0"},"peerDependencies":{"solid-js":"^1.9.0"},"_npmOperationalInternal":{"tmp":"tmp/creo-ui_0.27.1_1785435343467_0.051498241012131185","host":"s3://npm-registry-packages-npm-production"}},"0.28.0":{"name":"@chronista-club/creo-ui","version":"0.28.0","keywords":["design-system","css-custom-properties","design-tokens","solid-js","layout-primitives","creo-ui"],"license":"Apache-2.0","_id":"@chronista-club/creo-ui@0.28.0","maintainers":[{"name":"mako357","email":"mito@chronista.club"}],"homepage":"https://github.com/chronista-club/creo-ui#readme","bugs":{"url":"https://github.com/chronista-club/creo-ui/issues"},"dist":{"shasum":"1afa77ac2c7894310e07ba2342756aa1961aa3b9","tarball":"https://registry.npmjs.org/@chronista-club/creo-ui/-/creo-ui-0.28.0.tgz","fileCount":25,"integrity":"sha512-HdcX2muYd2TVPewRPAKSaAKU9S2eUmzfleaz5Xc4Bw3Xp/i+Ec9zkbvgibDae81i5rHC9UuH0KYDmLvyfkKiCg==","signatures":[{"sig":"MEYCIQDPQW/HhAaUAZNOIkb//h1TFLH3c375oOGbqT5DHxOp4AIhAMDRa4mzBAR1SiTk6xChwmRyJNSXwFYQ3LtAgGAUOx3C","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":468924},"main":"./dist/shells/index.js","type":"module","types":"./dist/shells/index.d.ts","module":"./dist/shells/index.js","exports":{"./shells":{"types":"./dist/shells/index.d.ts","import":"./dist/shells/index.js"},"./controls":{"types":"./dist/controls/index.d.ts","import":"./dist/controls/index.js"},"./tokens.js":{"types":"./dist/tokens.d.ts","import":"./dist/tokens.js"},"./tokens.css":"./dist/tokens.css","./package.json":"./package.json","./components.css":"./dist/components.css","./token-shim.css":"./dist/token-shim.css","./shells/index.css":"./dist/shells/index.css"},"gitHead":"be01f32aab8801b622427176cdf8384d0c058de1","scripts":{"build":"bun run --cwd ../.. build:web","build:js":"vite build","typecheck:build":"tsc -p tsconfig.build.json --noEmit"},"_npmUser":{"name":"mako357","email":"mito@chronista.club"},"repository":{"url":"git+https://github.com/chronista-club/creo-ui.git","type":"git","directory":"packages/web"},"_npmVersion":"10.8.2","description":"creo-ui — Web package (design tokens + components.css + Solid shell/control primitives)","directories":{},"_nodeVersion":"20.20.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","solid-js":"^1.9.0","typescript":"^5.5.0","vite-plugin-dts":"^4.2.0","vite-plugin-solid":"^2.10.0"},"peerDependencies":{"solid-js":"^1.9.0"},"_npmOperationalInternal":{"tmp":"tmp/creo-ui_0.28.0_1785598063225_0.670091850514958","host":"s3://npm-registry-packages-npm-production"}},"0.29.0":{"name":"@chronista-club/creo-ui","version":"0.29.0","keywords":["design-system","css-custom-properties","design-tokens","solid-js","layout-primitives","creo-ui"],"license":"Apache-2.0","_id":"@chronista-club/creo-ui@0.29.0","maintainers":[{"name":"mako357","email":"mito@chronista.club"}],"homepage":"https://github.com/chronista-club/creo-ui#readme","bugs":{"url":"https://github.com/chronista-club/creo-ui/issues"},"dist":{"shasum":"c83aa5832decb6e49bfdcf272dc8d0356e519168","tarball":"https://registry.npmjs.org/@chronista-club/creo-ui/-/creo-ui-0.29.0.tgz","fileCount":25,"integrity":"sha512-OVg/+7SvODYPWwlom09EMDpMyWoJUUCHzv0x1BsxYOMoU9kHFi1XFUGlaBR5Ge3nc3YDxFx3bp83WvL2kGHm+A==","signatures":[{"sig":"MEUCICt322ypmoYiDDHewdli8buvE7wofAPjWlF798WWGzr8AiEAhFAtp4lwdHsoSRRJCSi+aLUhrQxhK+DTukYpfb/3J0s=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":473861},"main":"./dist/shells/index.js","type":"module","types":"./dist/shells/index.d.ts","module":"./dist/shells/index.js","exports":{"./shells":{"types":"./dist/shells/index.d.ts","import":"./dist/shells/index.js"},"./controls":{"types":"./dist/controls/index.d.ts","import":"./dist/controls/index.js"},"./tokens.js":{"types":"./dist/tokens.d.ts","import":"./dist/tokens.js"},"./tokens.css":"./dist/tokens.css","./package.json":"./package.json","./components.css":"./dist/components.css","./token-shim.css":"./dist/token-shim.css","./shells/index.css":"./dist/shells/index.css"},"gitHead":"0d6bac0d65777e2b29371d61040632a582e431db","scripts":{"build":"bun run --cwd ../.. build:web","build:js":"vite build","typecheck:build":"tsc -p tsconfig.build.json --noEmit"},"_npmUser":{"name":"mako357","email":"mito@chronista.club"},"repository":{"url":"git+https://github.com/chronista-club/creo-ui.git","type":"git","directory":"packages/web"},"_npmVersion":"10.8.2","description":"creo-ui — Web package (design tokens + components.css + Solid shell/control primitives)","directories":{},"_nodeVersion":"20.20.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","solid-js":"^1.9.0","typescript":"^5.5.0","vite-plugin-dts":"^4.2.0","vite-plugin-solid":"^2.10.0"},"peerDependencies":{"solid-js":"^1.9.0"},"_npmOperationalInternal":{"tmp":"tmp/creo-ui_0.29.0_1786622538342_0.4300917180751347","host":"s3://npm-registry-packages-npm-production"}},"0.30.0":{"name":"@chronista-club/creo-ui","version":"0.30.0","description":"creo-ui — Web package (design tokens + components.css + Solid shell/control primitives)","type":"module","main":"./dist/shells/index.js","module":"./dist/shells/index.js","types":"./dist/shells/index.d.ts","exports":{"./tokens.css":"./dist/tokens.css","./components.css":"./dist/components.css","./token-shim.css":"./dist/token-shim.css","./tokens.js":{"types":"./dist/tokens.d.ts","import":"./dist/tokens.js"},"./shells":{"types":"./dist/shells/index.d.ts","import":"./dist/shells/index.js"},"./shells/index.css":"./dist/shells/index.css","./controls":{"types":"./dist/controls/index.d.ts","import":"./dist/controls/index.js"},"./package.json":"./package.json"},"repository":{"type":"git","url":"git+https://github.com/chronista-club/creo-ui.git","directory":"packages/web"},"bugs":{"url":"https://github.com/chronista-club/creo-ui/issues"},"homepage":"https://github.com/chronista-club/creo-ui#readme","keywords":["design-system","css-custom-properties","design-tokens","solid-js","layout-primitives","creo-ui"],"publishConfig":{"access":"public"},"scripts":{"build":"bun run --cwd ../.. build:web","build:js":"vite build","typecheck:build":"tsc -p tsconfig.build.json --noEmit"},"peerDependencies":{"solid-js":"^1.9.0"},"devDependencies":{"solid-js":"^1.9.0","typescript":"^5.5.0","vite":"^5.4.0","vite-plugin-dts":"^4.2.0","vite-plugin-solid":"^2.10.0"},"license":"Apache-2.0","_id":"@chronista-club/creo-ui@0.30.0","gitHead":"b45a99fdf12394e4e2e49fbde5d33c4657c41031","_nodeVersion":"20.20.2","_npmVersion":"10.8.2","dist":{"integrity":"sha512-EkbvfUhMx+KnoqjZP/UVqCpL5/simKTkreSMLJZFvGowT2sMbx66M5tUf4OrAFS9teYuyVrAmg5GWMX9OfUQhg==","shasum":"a6ac6ae51a13a5002d1c89e76885132dc690075d","tarball":"https://registry.npmjs.org/@chronista-club/creo-ui/-/creo-ui-0.30.0.tgz","fileCount":25,"unpackedSize":477307,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIBwNDif7XiaLs0M5R4rHFLFjgMvknC+HqD+VsWml4OYtAiASggoXa94LJCYiid2AP5xp4zj230S1fd/ruyBR95HfyA=="}]},"_npmUser":{"name":"mako357","email":"mito@chronista.club"},"directories":{},"maintainers":[{"name":"mako357","email":"mito@chronista.club"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/creo-ui_0.30.0_1786709123220_0.47992418180483276"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-10T22:18:18.369Z","modified":"2026-08-14T12:05:24.130Z","0.24.4":"2026-07-10T22:18:18.687Z","0.25.0":"2026-07-11T18:51:25.710Z","0.26.0":"2026-07-15T08:14:22.862Z","0.27.0":"2026-07-29T14:30:13.270Z","0.27.1":"2026-07-30T18:15:43.610Z","0.28.0":"2026-08-01T15:27:43.369Z","0.29.0":"2026-08-13T12:02:18.499Z","0.30.0":"2026-08-14T12:05:23.364Z"},"bugs":{"url":"https://github.com/chronista-club/creo-ui/issues"},"license":"Apache-2.0","homepage":"https://github.com/chronista-club/creo-ui#readme","keywords":["design-system","css-custom-properties","design-tokens","solid-js","layout-primitives","creo-ui"],"repository":{"type":"git","url":"git+https://github.com/chronista-club/creo-ui.git","directory":"packages/web"},"description":"creo-ui — Web package (design tokens + components.css + Solid shell/control primitives)","maintainers":[{"name":"mako357","email":"mito@chronista.club"}],"readme":"# creo-ui\n\ncreo-ui の Web 向け Design Token + Component 配布パッケージ。\n\nCreo ecosystem (creo-memories / vantage-point / fleetstage 他) の Web app に、 共通の **色 / 余白 / typography / radius / shadow** を **CSS custom properties** + **JavaScript 定数** + **28 個の class-based component CSS** として提供。\n\n単一の W3C Design Tokens (DTCG) から style-dictionary v4 で生成され、 どの consumer から読み込んでも Creo の **視覚的一貫性** が保たれる (Apple SPM / Rust crate も同 token SSOT から派生)。\n\n## Install\n\n```bash\nbun add @chronista-club/creo-ui\n# or\nnpm install @chronista-club/creo-ui\n# or\npnpm add @chronista-club/creo-ui\n```\n\n> npm 上の package 名は **`@chronista-club/creo-ui`** (scoped、v0.24.4 で scope 化)。\n> unscoped の `creo-ui` は存在しない (404 になる)。\n\n## Quick start (3 行)\n\n```ts\nimport '@chronista-club/creo-ui/tokens.css' // CSS variable + 8 theme + reduced-motion guard\nimport '@chronista-club/creo-ui/components.css' // 28 component (button / input / dialog / drawer 等)\n\ndocument.documentElement.dataset.theme = 'mint-dark' // optional、 default は mint-dark\n```\n\nこれで `:root` に **350+ CSS 変数** + 28 component class が usable に。\n\n## 安定性 (public API)\n\n`components.css` の class 名 (`.creo-*`) / data 属性 (`data-variant` / `data-size` 等) / CSS variable 名 (`--color-*` 等) は **public API** — 破壊的変更は semver + migration doc で扱う (v0.14→v0.18 の 5 tier rename が運用実績。[`docs/migration/v0.14-to-v0.18.md`](https://github.com/chronista-club/creo-ui/blob/main/docs/migration/v0.14-to-v0.18.md))。Svelte 等 **Support Tier 2 framework の wrapper はこの層を土台にする** ([docs/design/support-tiers.md](https://github.com/chronista-club/creo-ui/blob/main/docs/design/support-tiers.md) ST-3)。SolidJS shells / controls の内部 class (CSS Modules hashed) は契約外。\n\n## Token catalog — 5 tier convention (v0.17.0 token / v0.18.0 attribute、 完全統一)\n\nすべての dimension scale token + component attribute は **`xs / s / m / l / xl` の 5 tier** に統一。 `sm/md/lg` Tailwind 流命名は **完全廃止** (廃止 history は [`docs/migration/v0.14-to-v0.18.md`](https://github.com/chronista-club/creo-ui/blob/main/docs/migration/v0.14-to-v0.18.md))。\n\n### Dimension scale (5 tier)\n\n| Category | Keys | 例 |\n|---|---|---|\n| `spacing.*` | `xs / s / m / l / xl` (4/8/18/24/32 px) | sibling 間 gap、 card 内側 padding |\n| `margin.*` | `xs / s / m / l / xl` (8/16/18/40/64 px) | block 間 rhythm、 section break |\n| `radius.*` | `none / xs / s / m / l / xl / full` | 3.5/4/8/17.5/21.5 px + special |\n| `shadow.*` | `none / s / m / l / xl` | elevation (cards / popovers / modals) |\n| `typography.size.*` | `xs / s / m / l / xl` (12/14/16/18/20 px) | body text |\n| `typography.display.*` | `xs / s / m / l / xl` (24/32/44/56/72 px) | hero / heading |\n| `typography.icon.*` | `xs / s / m / l / xl` (16/24/40/64/96 px) | icon font-size |\n\n### Layout primitives (v0.15+)\n\n| Token | Keys | 用途 |\n|---|---|---|\n| `layout.container.*` | `xs / s / m / l / xl` (480/640/768/1024/1280 px) | page max-width |\n| `layout.grid.col-min-*` | `xs / s / m / l / xl` (120/160/220/280/320 px) | auto-fit grid minmax |\n| `layout.gap.*` | `tight / sibling / section / page` (semantic alias) | gap between elements |\n| `layout.target.*` | `tap / focus / hit` (44/32/24 px) | a11y minimum size |\n\n### Color (8 theme + semantic)\n\n| Token | Keys |\n|---|---|\n| `color.brand.*` | `primary / primary-hover / secondary / accent` |\n| `color.semantic.*` | `success / warning / error / info` |\n| `color.surface.*` | `bg / bg-subtle / fg / fg-subtle / scrim / scrim-modal` |\n| `color.text.*` | `primary / secondary / tertiary / brand / link` |\n| `color.themes.*` | 8 theme palettes (`mint-light` / `mint-dark` / `sora-*` / `contrast-*` / `oldschool-*`) |\n\ntheme 切替は `[data-theme=\"\"]` attribute で。 詳細は [`docs/design/theme-system.md`](https://github.com/chronista-club/creo-ui/blob/main/docs/design/theme-system.md)。\n\n### Typography family (v0.14+ mode-based)\n\n| Token | Default | 用途 |\n|---|---|---|\n| `family.app` | JetBrainsMono Nerd Font + PlemolJP | App UI chrome (sidebar / button / dialog) |\n| `family.read` | PlemolJP | 読み専用 (memory view / chat history / canvas) |\n| `family.editor` | iA Writer Duo | textarea / Markdown editor |\n| `family.editor-mono` | iA Writer Mono | 純粋 mono 派 |\n| `family.editor-quattro` | iA Writer Quattro | semi-proportional 派 |\n| `family.terminal` | family.app と同 stack (意味的に別) | xterm.js |\n\n加えて `family.{sans, mono, mono-{legible,retro,corporate,display}, display, icon}` の 8 traditional category が back compat で残置。\n\n## Usage 例\n\n### CSS で 5 tier convention の token を使う\n\n```css\n.my-card {\n /* spacing は xs / s / m / l / xl */\n padding: var(--spacing-m);\n gap: var(--spacing-s);\n\n /* radius も 5 tier (+ none / full) */\n border-radius: var(--radius-m);\n\n /* shadow も 5 tier (+ none) */\n box-shadow: var(--shadow-s);\n\n /* typography size も 5 tier */\n font-size: var(--typography-size-m);\n font-family: var(--typography-family-app);\n color: var(--color-text-primary);\n background: var(--color-surface-bg);\n}\n\n.my-hero {\n font-size: var(--typography-display-l);\n font-weight: var(--typography-weight-semibold);\n}\n```\n\n### JS 定数として参照\n\n```ts\nimport { ColorBrandPrimary, SpacingM, RadiusS } from '@chronista-club/creo-ui/tokens.js'\n\n// Build time に値を埋め込みたい場合\nconsole.log(ColorBrandPrimary) // 'oklch(...)'\nconsole.log(SpacingM) // '18px'\n```\n\ncamelCase identifier (`SpacingM` 等) も 5 tier convention に揃う。 完全な型定義は同梱の `tokens.d.ts`。\n\n### Component class で 28 component を使う\n\n```html\n\n\n\n\n\n
\n

Title

\n

...

\n
\n\n\n
\n
\n
A
\n
B
\n
C
\n
\n
\n```\n\n28 component の完全 catalog は [docs site](https://creo-ui.in) (WIP) または [`docs/components/`](https://github.com/chronista-club/creo-ui/tree/main/docs/components) を参照。\n\n> **note**: v0.18 で `data-size` / `data-padding` / `data-elevation` attribute も 5 tier 統一 (`s/m/l`)。 token と attribute の **convention drift は完全解消**。\n\n## A11y — `prefers-reduced-motion` 完全対応 (v0.15+)\n\n14 全 component が `@media (prefers-reduced-motion: reduce)` で transition / transform / animation を停止。 **consumer 側の追加作業なしで** WCAG 2.1 SC 2.3.3 (Animation from Interactions) + SC 2.3.1 (Three Flashes) 準拠。 switch thumb slide / button press / table sort indicator 等の spatial transform もすべて停止する。\n\n## 別 platform 向けパッケージ\n\n同じ token SSOT から:\n\n| Platform | Package |\n|---|---|\n| Apple (iOS 17+ / macOS 14+ / watchOS 10+ / tvOS 17+) | SPM: `https://github.com/chronista-club/creo-ui` (target `CreoUI`) |\n| Rust | crates.io: `creo-ui` (Phase 2 で publish 予定、 現状 git/path 参照) |\n\n## Migration\n\n過去 release からの upgrade は [`docs/migration/v0.14-to-v0.18.md`](https://github.com/chronista-club/creo-ui/blob/main/docs/migration/v0.14-to-v0.18.md) を参照。 v0.17 以降は **5 tier convention 安定保証** (sm/md/lg 由来の rename はこれ以上発生しない設計)。\n\n## License\n\n[Apache-2.0](https://github.com/chronista-club/creo-ui/blob/main/LICENSE)\n","readmeFilename":"README.md"}