{"_id":"@asteby/metacore-theme","_rev":"6-016e11dda82f86048df3bd3a2b47195d","name":"@asteby/metacore-theme","dist-tags":{"latest":"2.23.0"},"versions":{"0.3.0":{"name":"@asteby/metacore-theme","version":"0.3.0","license":"Apache-2.0","_id":"@asteby/metacore-theme@0.3.0","maintainers":[{"name":"asteby-hq","email":"dannyjp49@gmail.com"}],"homepage":"https://github.com/asteby/metacore-sdk#readme","bugs":{"url":"https://github.com/asteby/metacore-sdk/issues"},"dist":{"shasum":"f0a95eadcc8ffe978b1efc528274e5d416d26bb2","tarball":"https://registry.npmjs.org/@asteby/metacore-theme/-/metacore-theme-0.3.0.tgz","fileCount":21,"integrity":"sha512-CozEWSrrs/FErE0+zsxuQEa6IfegkleBcYFY+3b17SzP8irHk6w7Q1UAIGJQGDnWuK/aPuJ+nmsQlqhRl2N9SA==","signatures":[{"sig":"MEUCIQDYxbjsdqX6ljy6fJRIZMipUJh73zJnRXq0sfJ6A5+8ZQIgByc+aVuMpJrLBqtPb+GIpodE6EvYpwZhz+g8bGLvwW0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":49943},"main":"./dist/index.js","type":"module","_from":"file:asteby-metacore-theme-0.3.0.tgz","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./fonts":{"types":"./dist/fonts.d.ts","import":"./dist/fonts.js"},"./preset":{"types":"./dist/preset.d.ts","import":"./dist/preset.js"},"./index.css":"./styles/index.css","./tokens.css":"./styles/tokens.css"},"scripts":{"dev":"tsc -w -p tsconfig.json","build":"tsc -p tsconfig.json","clean":"rm -rf dist","typecheck":"tsc -p tsconfig.json --noEmit"},"_npmUser":{"name":"asteby-hq","email":"dannyjp49@gmail.com"},"_resolved":"/tmp/b610b46942dd197eaf4b9136441b982f/asteby-metacore-theme-0.3.0.tgz","_integrity":"sha512-CozEWSrrs/FErE0+zsxuQEa6IfegkleBcYFY+3b17SzP8irHk6w7Q1UAIGJQGDnWuK/aPuJ+nmsQlqhRl2N9SA==","repository":{"url":"git+https://github.com/asteby/metacore-sdk.git","type":"git","directory":"packages/theme"},"_npmVersion":"10.8.2","description":"Metacore design tokens + Tailwind 4 preset (oklch, shadows, fonts, dark mode)","directories":{},"_nodeVersion":"20.20.2","dependencies":{"tw-animate-css":"^1.4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^19.2.4","react-dom":"^19.2.4","typescript":"^5.6.0","@types/react":"^19.0.0","@types/react-dom":"^19.0.0"},"peerDependencies":{"react":">=18","react-dom":">=18","tailwindcss":">=4"},"_npmOperationalInternal":{"tmp":"tmp/metacore-theme_0.3.0_1776716710993_0.9366022394350104","host":"s3://npm-registry-packages-npm-production"}},"2.0.0":{"name":"@asteby/metacore-theme","version":"2.0.0","license":"Apache-2.0","_id":"@asteby/metacore-theme@2.0.0","maintainers":[{"name":"asteby-hq","email":"dannyjp49@gmail.com"}],"homepage":"https://github.com/asteby/metacore-sdk#readme","bugs":{"url":"https://github.com/asteby/metacore-sdk/issues"},"dist":{"shasum":"159ad2bed8a821f1537e911700061c4cb7b77a1a","tarball":"https://registry.npmjs.org/@asteby/metacore-theme/-/metacore-theme-2.0.0.tgz","fileCount":21,"integrity":"sha512-gSw7R9RRfXNX6fRPisreqKjPnePTSCeCK22lBomtjfN3rGE7elP0aBHYMjpolUxNedp0E3DO8N8VK56rck/A6A==","signatures":[{"sig":"MEQCIHdvq6wqQrT6Osq9QBgu2Ydc7FzAe3Xg9wOyZG5oS8FKAiB89e2FcL2pM6iKUhaKJYQCJmphRbaHdJWt/sD2KoA+Qw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":50454},"main":"./dist/index.js","type":"module","_from":"file:asteby-metacore-theme-2.0.0.tgz","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./fonts":{"types":"./dist/fonts.d.ts","import":"./dist/fonts.js"},"./preset":{"types":"./dist/preset.d.ts","import":"./dist/preset.js"},"./index.css":"./styles/index.css","./tokens.css":"./styles/tokens.css"},"scripts":{"dev":"tsc -w -p tsconfig.json","build":"tsc -p tsconfig.json","clean":"rm -rf dist","typecheck":"tsc -p tsconfig.json --noEmit"},"_npmUser":{"name":"asteby-hq","email":"dannyjp49@gmail.com"},"_resolved":"/tmp/ddfc1d2044db157a47fa3a4532b1b003/asteby-metacore-theme-2.0.0.tgz","_integrity":"sha512-gSw7R9RRfXNX6fRPisreqKjPnePTSCeCK22lBomtjfN3rGE7elP0aBHYMjpolUxNedp0E3DO8N8VK56rck/A6A==","repository":{"url":"git+https://github.com/asteby/metacore-sdk.git","type":"git","directory":"packages/theme"},"_npmVersion":"10.8.2","description":"Metacore design tokens + Tailwind 4 preset (oklch, shadows, fonts, dark mode)","directories":{},"_nodeVersion":"20.20.2","dependencies":{"tw-animate-css":"^1.4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^19.2.4","react-dom":"^19.2.4","typescript":"^5.6.0","@types/react":"^19.0.0","@types/react-dom":"^19.0.0"},"peerDependencies":{"react":">=18","react-dom":">=18","tailwindcss":">=4"},"_npmOperationalInternal":{"tmp":"tmp/metacore-theme_2.0.0_1777516278079_0.5677219717932442","host":"s3://npm-registry-packages-npm-production"}},"2.12.2":{"name":"@asteby/metacore-theme","version":"2.12.2","license":"Apache-2.0","_id":"@asteby/metacore-theme@2.12.2","maintainers":[{"name":"asteby-hq","email":"dannyjp49@gmail.com"}],"dist":{"shasum":"445b0e9dd8f555aa4ba13f01a3acee4b52588d0e","tarball":"https://registry.npmjs.org/@asteby/metacore-theme/-/metacore-theme-2.12.2.tgz","fileCount":21,"integrity":"sha512-dSrtvjRDcO9Wfxhw5tkAtU9RIGuuDuctrFhEmgtos1u0qE5Od+VIz7m7RPsIM+Sr2Wgfgk5GEq6+6O21QDszrg==","signatures":[{"sig":"MEUCICiQTxAxAQPvdUnmKXqZGhKW47KppRLDaw4si08J1SgeAiEAlJMXrh88vsSB255kywfkfd48nwSD95QgeT25Wu18e+U=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":51274},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./fonts":{"types":"./dist/fonts.d.ts","import":"./dist/fonts.js"},"./preset":{"types":"./dist/preset.d.ts","import":"./dist/preset.js"},"./index.css":"./styles/index.css","./tokens.css":"./styles/tokens.css"},"scripts":{"dev":"tsc -w -p tsconfig.json","build":"tsc -p tsconfig.json","clean":"rm -rf dist","typecheck":"tsc -p tsconfig.json --noEmit"},"_npmUser":{"name":"asteby-hq","email":"dannyjp49@gmail.com"},"repository":{"url":"https://github.com/asteby/metacore-sdk","type":"git","directory":"packages/theme"},"description":"Metacore design tokens + Tailwind 4 preset (oklch, shadows, fonts, dark mode)","directories":{},"_nodeVersion":"22.23.1","dependencies":{"tw-animate-css":"^1.4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^19.2.4","react-dom":"^19.2.4","typescript":"^6.0.0","@types/react":"^19.0.0","@types/react-dom":"^19.0.0"},"peerDependencies":{"react":">=18","react-dom":">=18","tailwindcss":">=4"},"_npmOperationalInternal":{"tmp":"tmp/metacore-theme_2.12.2_1784657116059_0.7102781331741876","host":"s3://npm-registry-packages-npm-production"}},"2.19.0":{"name":"@asteby/metacore-theme","version":"2.19.0","license":"Apache-2.0","_id":"@asteby/metacore-theme@2.19.0","maintainers":[{"name":"asteby-hq","email":"dannyjp49@gmail.com"}],"dist":{"shasum":"df00e2871b739dbe0a87b47d64f7bd72f6f8b101","tarball":"https://registry.npmjs.org/@asteby/metacore-theme/-/metacore-theme-2.19.0.tgz","fileCount":22,"integrity":"sha512-uGLVI6dqxWcCuViCF+0xMqxwUHNpG0hPczoKD2yxGBW/Cp00jnJi/1tAg+3B2kzHj2l8JtkZ0YYIIZUNirvE3Q==","signatures":[{"sig":"MEUCIQD1D2Bh+AnpzWSs1DykFh8xU+TOP/MMn3FNRxRJ7VDfLgIgMWn99p+1Dh3Ogev/djd+G4cB4+jjzkVkHkvkEmA616c=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEQCH2Ksps6tg6VUV9JUfdnNM72gjp4WdtOkyTpvJQR4aSQCIQCuL9PCayEJpL8vDgLhAwcwfTLl7THvl7ZL1Q4/9gSaEQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":65612},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./fonts":{"types":"./dist/fonts.d.ts","import":"./dist/fonts.js"},"./preset":{"types":"./dist/preset.d.ts","import":"./dist/preset.js"},"./glass.css":"./styles/glass.css","./index.css":"./styles/index.css","./tokens.css":"./styles/tokens.css"},"scripts":{"dev":"tsc -w -p tsconfig.json","build":"tsc -p tsconfig.json","clean":"rm -rf dist","typecheck":"tsc -p tsconfig.json --noEmit"},"_npmUser":{"name":"asteby-hq","email":"dannyjp49@gmail.com"},"repository":{"url":"https://github.com/asteby/metacore-sdk","type":"git","directory":"packages/theme"},"description":"Metacore design tokens + Tailwind 4 preset (oklch, shadows, fonts, dark mode)","directories":{},"_nodeVersion":"22.23.2","dependencies":{"tw-animate-css":"^1.4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^19.2.4","react-dom":"^19.2.4","typescript":"^6.0.0","@types/react":"^19.0.0","@types/react-dom":"^19.0.0"},"peerDependencies":{"react":">=18","react-dom":">=18","tailwindcss":">=4"},"_npmOperationalInternal":{"tmp":"tmp/metacore-theme_2.19.0_1790571573346_0.9736846155161458","host":"s3://npm-registry-packages-npm-production"}},"2.21.0":{"name":"@asteby/metacore-theme","version":"2.21.0","license":"Apache-2.0","_id":"@asteby/metacore-theme@2.21.0","maintainers":[{"name":"asteby-hq","email":"dannyjp49@gmail.com"}],"dist":{"shasum":"26aaca246da5e213bebb9a98b94b9b17f63ae61c","tarball":"https://registry.npmjs.org/@asteby/metacore-theme/-/metacore-theme-2.21.0.tgz","fileCount":22,"integrity":"sha512-A0Gf0hy29HvgcuCLnqipHeC72dZO3UgDbnHv7WJoEohkN2WXeO3wrW1yNgSgnz9yGDoJP+8FAb4fwOIc7RZRXA==","signatures":[{"sig":"MEUCIA16RbQ2KXUrw/796dgWY4LorY2rchUF8kQE45gDgzWTAiEA6n+AEKfuOw2RvBdsIBtX8lHdwFJpvhEAFaDEO7WChaw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEUCIB02L0+tICfC8hignsEgP9zU06KROmBna6WYkOZRAUhQAiEA5N78IDRTf6KypnOskCX3KPj1dqjV+lofSzOusT8nHXQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":70042},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./fonts":{"types":"./dist/fonts.d.ts","import":"./dist/fonts.js"},"./preset":{"types":"./dist/preset.d.ts","import":"./dist/preset.js"},"./glass.css":"./styles/glass.css","./index.css":"./styles/index.css","./tokens.css":"./styles/tokens.css"},"scripts":{"dev":"tsc -w -p tsconfig.json","build":"tsc -p tsconfig.json","clean":"rm -rf dist","typecheck":"tsc -p tsconfig.json --noEmit"},"_npmUser":{"name":"asteby-hq","email":"dannyjp49@gmail.com"},"repository":{"url":"https://github.com/asteby/metacore-sdk","type":"git","directory":"packages/theme"},"description":"Metacore design tokens + Tailwind 4 preset (oklch, shadows, fonts, dark mode)","directories":{},"_nodeVersion":"22.23.2","dependencies":{"tw-animate-css":"^1.4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^19.2.4","react-dom":"^19.2.4","typescript":"^6.0.0","@types/react":"^19.0.0","@types/react-dom":"^19.0.0"},"peerDependencies":{"react":">=18","react-dom":">=18","tailwindcss":">=4"},"_npmOperationalInternal":{"tmp":"tmp/metacore-theme_2.21.0_1790621689073_0.42194286562504457","host":"s3://npm-registry-packages-npm-production"}},"2.23.0":{"_id":"@asteby/metacore-theme@2.23.0","dist":{"shasum":"40210ceadf3cdb81632068a053080b674864e3d9","tarball":"https://registry.npmjs.org/@asteby/metacore-theme/-/metacore-theme-2.23.0.tgz","fileCount":26,"integrity":"sha512-T4HdhnibvgdSyKIQ0BgsmECKVHuCXnQ4iwyF99UqXlPn1G70NMtwofY7zK65kvKUCFKM5Ivc3z32glTQeCYHfw==","signatures":[{"sig":"MEYCIQCzA2mdU6snPpBaIbwJ0MlOGPXgknKP+EblQ5ThpMI3VQIhALCyKuZ9wu6h7xV4H5wehLsd9LdoA+PyYkvVVY7yMh2K","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDnjdOBfWMS77wwS833UHjnA+HskCQ6WlFFbzVG/YoWtQIgdw8mmqIb5Y++gc2CdhZL2dHSCMcLg7FhmHMXDXP8gFM="}],"unpackedSize":96886},"main":"./dist/index.js","name":"@asteby/metacore-theme","type":"module","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./boot":{"types":"./dist/boot.d.ts","import":"./dist/boot.js"},"./fonts":{"types":"./dist/fonts.d.ts","import":"./dist/fonts.js"},"./preset":{"types":"./dist/preset.d.ts","import":"./dist/preset.js"},"./glass.css":"./styles/glass.css","./index.css":"./styles/index.css","./tokens.css":"./styles/tokens.css"},"license":"Apache-2.0","scripts":{"dev":"tsc -w -p tsconfig.json","test":"vitest run","build":"tsc -p tsconfig.json","clean":"rm -rf dist","typecheck":"tsc -p tsconfig.json --noEmit"},"version":"2.23.0","_npmUser":{"name":"asteby-hq","email":"dannyjp49@gmail.com"},"repository":{"url":"https://github.com/asteby/metacore-sdk","type":"git","directory":"packages/theme"},"description":"Metacore design tokens + Tailwind 4 preset (oklch, shadows, fonts, dark mode)","directories":{},"maintainers":[{"name":"asteby-hq","email":"dannyjp49@gmail.com"}],"_nodeVersion":"22.23.2","dependencies":{"tw-animate-css":"^1.4.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^19.2.4","vitest":"^4.0.0","happy-dom":"^20.11.2","react-dom":"^19.2.4","typescript":"^6.0.0","@types/react":"^19.0.0","@types/react-dom":"^19.0.0"},"peerDependencies":{"react":">=18","react-dom":">=18","tailwindcss":">=4"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/metacore-theme_2.23.0_1790668786219_0.7626052353507617"}}},"time":{"created":"2026-04-20T20:25:10.924Z","modified":"2026-09-29T07:59:46.536Z","0.3.0":"2026-04-20T20:25:11.155Z","2.0.0":"2026-04-30T02:31:18.250Z","2.12.2":"2026-07-21T18:05:16.197Z","2.19.0":"2026-09-28T04:59:33.433Z","2.21.0":"2026-09-28T18:54:49.164Z","2.23.0":"2026-09-29T07:59:46.290Z"},"license":"Apache-2.0","repository":{"url":"https://github.com/asteby/metacore-sdk","type":"git","directory":"packages/theme"},"description":"Metacore design tokens + Tailwind 4 preset (oklch, shadows, fonts, dark mode)","maintainers":[{"name":"asteby-hq","email":"dannyjp49@gmail.com"}],"readme":"# @asteby/metacore-theme\n\nMetacore design tokens and Tailwind 4 preset.\n\nShips the canonical Metacore visual language:\n\n- `oklch` color palette (light + dark)\n- Radius, shadow, tracking and spacing scales\n- Font families (`Inter`, `Lora`, `IBM Plex Mono`)\n- `@theme inline` block mapping tokens to Tailwind v4 utilities\n\n## Stability\n\nStable as of v1.0. The token names, CSS variable contract (`--primary`,\n`--background`, `--sidebar-*`, ...), `themeConfig` shape and the public\nexports below follow semver. Internal `oklch` values may shift in minor\nreleases when the palette is re-tuned; if your UI depends on exact color\nvalues, pin to a minor range.\n\n## Install\n\n```bash\npnpm add @asteby/metacore-theme\n# peer\npnpm add -D tailwindcss@^4\n```\n\n## Usage with Tailwind 4\n\nTailwind 4 is CSS-first. Import the full entry from your app's root stylesheet:\n\n```css\n/* src/styles/app.css */\n@import '@asteby/metacore-theme/index.css';\n```\n\nThis gives you:\n\n- `@import 'tailwindcss'`\n- `@import 'tw-animate-css'`\n- All Metacore tokens (`:root` + `.dark`)\n- `@theme inline` exposing `bg-primary`, `text-muted-foreground`, etc.\n- Base layer utilities (`.container`, `.no-scrollbar`, `.faded-bottom`)\n- Accordion / collapsible animations\n\nIf you already have your own Tailwind entry and only want the tokens:\n\n```css\n@import 'tailwindcss';\n@import '@asteby/metacore-theme/tokens.css';\n```\n\n### Glass theme pack\n\nA translucent skin (floating panels, blur + saturation, hairline rim, soft\nlayered shadows) activated with `<html data-ui-theme=\"glass\">`. It styles the\n`data-slot` primitives of `@asteby/metacore-ui` (sidebar, dialogs, sheets,\npopovers, selects, inputs, tables) and only sets surfaces — the accent stays\nthe brand painted by `applyBranding`. Import it after your tokens:\n\n```css\n@import '@asteby/metacore-theme/tokens.css';\n@import '@asteby/metacore-theme/glass.css';\n```\n\nIt includes a near-opaque fallback for browsers without `backdrop-filter`\nand for `prefers-reduced-transparency`.\n\n## Usage from JS/TS\n\nFor programmatic access (Storybook, charts, PDF):\n\n```ts\nimport { themeConfig, colorTokens, fonts } from '@asteby/metacore-theme'\n\nthemeConfig.colors.light.primary // 'oklch(0.55 0.20 131)'\nfonts // readonly ['inter', 'manrope', 'system']\n```\n\nSubpath exports:\n\n```ts\nimport { fonts } from '@asteby/metacore-theme/fonts'\nimport { themeConfig } from '@asteby/metacore-theme/preset'\n```\n\n## Dark mode\n\nApply the `.dark` class to `<html>` or any ancestor. A `@custom-variant dark` is\nregistered so Tailwind utilities like `dark:bg-card` work out of the box.\n\nThe bundled `<ThemeProvider>` (light/dark/system, cookie-persisted) is the\nrecommended entry; consumer apps can drop their local copies and use\n`useTheme()` for the toggle UI.\n\n## No flash on reload\n\n`<ThemeProvider>` stores what `<html>` ends up painting — light/dark, the\n`data-ui-*` attributes (theme pack, font, density), `font-*` classes, inline\ncustom properties (brand color) and the branding surfaces stylesheet. An inline\nscript restores it before the first frame, so a returning visitor never sees\nthe defaults first. First visits follow `prefers-color-scheme`. Transitions stay\noff until the providers have mounted (`data-boot-transition` opts an element\nout, e.g. a splash that fades).\n\n```ts\n// vite.config.ts\nimport { themeBootScript } from '@asteby/metacore-theme/boot'\n\nplugins: [\n  {\n    name: 'metacore-theme-boot',\n    transformIndexHtml: () => [\n      { tag: 'script', children: themeBootScript(), injectTo: 'head-prepend' },\n    ],\n  },\n]\n```\n\n`@asteby/metacore-theme/boot` has no React import, so it loads in a Node\nconfig. Pass `persistBoot={false}` to the provider to opt out.\n\n## License\n\nApache-2.0\n","readmeFilename":""}