{"_id":"@beonit/design-system","_rev":"4-7de196923d0e4c86c2a6bca295d2723f","name":"@beonit/design-system","dist-tags":{"latest":"0.1.3"},"versions":{"0.1.0":{"name":"@beonit/design-system","version":"0.1.0","license":"MIT","_id":"@beonit/design-system@0.1.0","maintainers":[{"name":"aaronperezbeonit","email":"aaperez@beonit.es"}],"homepage":"https://github.com/beonit-team/beon-design-system#readme","bugs":{"url":"https://github.com/beonit-team/beon-design-system/issues"},"dist":{"shasum":"b587545fc52701682f08973a3392531b1689dee9","tarball":"https://registry.npmjs.org/@beonit/design-system/-/design-system-0.1.0.tgz","fileCount":1772,"integrity":"sha512-o5LLkq8HO2N1E4lPvUssyxiGdfAH3vvGYK6EullSfj6UW/mArmx6OrNU/eDAjRahKs5khY3MLI6Wm2wCU4UE3A==","signatures":[{"sig":"MEUCIHEu/dbxqNqGOc+Oxw9f4vcRQY4sArs6h/EWRXyDM1+oAiEAoIXfBnqopwdRtsDjukys7sWz43hd/0eEOXG9j4xr+YU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1503401},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=24.0.0","pnpm":">=9.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./*":{"types":"./dist/component-library/*/index.d.ts","import":"./dist/component-library/*/index.js"},"./assets/*":"./assets/*","./lib/utils":{"types":"./dist/component-library/lib/utils.d.ts","import":"./dist/component-library/lib/utils.js"},"./styles.css":"./styles/index.css","./tokens.css":"./styles/tokens.css"},"gitHead":"66fa584513ea853eb8355c186971272b8fa66abb","scripts":{"test":"vitest run --config build-config/vitest/vitest.config.ts","build":"vite build --config build-config/vite/vite.config.ts","test:watch":"vitest --config build-config/vitest/vitest.config.ts","type-check":"vue-tsc --noEmit -p tsconfig.json"},"_npmUser":{"name":"aaronperezbeonit","email":"aaperez@beonit.es"},"repository":{"url":"git+https://github.com/beonit-team/beon-design-system.git","type":"git"},"_npmVersion":"11.6.2","description":"Beon Design System — componentes Vue 3 (Reka UI + Tailwind v4) de la plataforma Beon","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.11.1","dependencies":{"clsx":"^2.1.1","reka-ui":"^2.9.8","vaul-vue":"^0.4.1","@unovis/ts":"^1.6.5","vue-sonner":"^2.0.9","@lucide/vue":"^1.17.0","@unovis/vue":"^1.6.5","@vueuse/core":"^14.3.0","embla-carousel":"^8.6.0","tailwind-merge":"^3.6.0","tw-animate-css":"^1.4.0","embla-carousel-vue":"^8.6.0","@tanstack/vue-table":"^8.21.3","@internationalized/date":"^3.12.2","class-variance-authority":"^0.7.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"packageManager":"pnpm@9.12.0","devDependencies":{"vue":"^3.5.0","vite":"^5.4.0","jsdom":"^25.0.0","vitest":"^2.1.0","vue-tsc":"^2.1.0","typescript":"^5.5.0","vee-validate":"^4.15.1","@vue/tsconfig":"^0.5.0","@changesets/cli":"^2.31.0","@vue/test-utils":"^2.4.6","vite-plugin-dts":"^4.5.0","@vitejs/plugin-vue":"^5.1.0"},"peerDependencies":{"vue":"^3.5.0","vee-validate":"^4.15.1"},"peerDependenciesMeta":{"vee-validate":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/design-system_0.1.0_1783348567791_0.9621307134847976","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@beonit/design-system","version":"0.1.1","license":"MIT","_id":"@beonit/design-system@0.1.1","maintainers":[{"name":"aaronperezbeonit","email":"aaperez@beonit.es"}],"homepage":"https://github.com/beonit-team/beon-design-system#readme","bugs":{"url":"https://github.com/beonit-team/beon-design-system/issues"},"dist":{"shasum":"3f73531baa6c07d948512986abb4bfd3966d898e","tarball":"https://registry.npmjs.org/@beonit/design-system/-/design-system-0.1.1.tgz","fileCount":1772,"integrity":"sha512-c39h07SD06KrjdKR8FkXXMWjYjkwZjDxLir3N8A5n3qOoGYfgqiO8zacbWIawU1Vch/W61LPGyx1ouINaZoj5g==","signatures":[{"sig":"MEUCIFFpxJmk7Y7pYd//1infL6ZsIRdFk35wA39T6YwMTPJQAiEAs3e8OsL9AFND1YbAYsMyu5MR0IukNy8C6GoLjtRUmDA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1503331},"main":"./dist/index.js","type":"module","_from":"file:beonit-design-system-0.1.1.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=24.0.0","pnpm":">=9.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./*":{"types":"./dist/component-library/*/index.d.ts","import":"./dist/component-library/*/index.js"},"./assets/*":"./assets/*","./lib/utils":{"types":"./dist/component-library/lib/utils.d.ts","import":"./dist/component-library/lib/utils.js"},"./styles.css":"./styles/index.css","./tokens.css":"./styles/tokens.css"},"scripts":{"test":"vitest run --config build-config/vitest/vitest.config.ts","build":"vite build --config build-config/vite/vite.config.ts","test:watch":"vitest --config build-config/vitest/vitest.config.ts","type-check":"vue-tsc --noEmit -p tsconfig.json"},"_npmUser":{"name":"aaronperezbeonit","email":"aaperez@beonit.es"},"_resolved":"/tmp/db472293667bce1737971676a2cf0f75/beonit-design-system-0.1.1.tgz","_integrity":"sha512-c39h07SD06KrjdKR8FkXXMWjYjkwZjDxLir3N8A5n3qOoGYfgqiO8zacbWIawU1Vch/W61LPGyx1ouINaZoj5g==","repository":{"url":"git+https://github.com/beonit-team/beon-design-system.git","type":"git"},"_npmVersion":"11.16.0","description":"Beon Design System — componentes Vue 3 (Reka UI + Tailwind v4) de la plataforma Beon","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.18.0","dependencies":{"clsx":"^2.1.1","reka-ui":"^2.9.8","vaul-vue":"^0.4.1","@unovis/ts":"^1.6.5","vue-sonner":"^2.0.9","@lucide/vue":"^1.17.0","@unovis/vue":"^1.6.5","@vueuse/core":"^14.3.0","embla-carousel":"^8.6.0","tailwind-merge":"^3.6.0","tw-animate-css":"^1.4.0","embla-carousel-vue":"^8.6.0","@tanstack/vue-table":"^8.21.3","@internationalized/date":"^3.12.2","class-variance-authority":"^0.7.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.0","vite":"^5.4.0","jsdom":"^25.0.0","vitest":"^2.1.0","vue-tsc":"^2.1.0","typescript":"^5.5.0","vee-validate":"^4.15.1","@vue/tsconfig":"^0.5.0","@vue/test-utils":"^2.4.6","vite-plugin-dts":"^4.5.0","@vitejs/plugin-vue":"^5.1.0"},"peerDependencies":{"vue":"^3.5.0","vee-validate":"^4.15.1"},"peerDependenciesMeta":{"vee-validate":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/design-system_0.1.1_1783516593639_0.36134437235351347","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@beonit/design-system","version":"0.1.2","license":"MIT","_id":"@beonit/design-system@0.1.2","maintainers":[{"name":"aaronperezbeonit","email":"aaperez@beonit.es"}],"homepage":"https://github.com/beonit-team/beon-design-system#readme","bugs":{"url":"https://github.com/beonit-team/beon-design-system/issues"},"dist":{"shasum":"d0bc83fd969f3ced0b21d4e2c4c9afe159dc883d","tarball":"https://registry.npmjs.org/@beonit/design-system/-/design-system-0.1.2.tgz","fileCount":1772,"integrity":"sha512-pFETF/PxDsXsJM5XMwtsYnFSDzTzQ3NVvC4M0P4z9qJ8ORPlERpoNcRogump/wzPCybiY4x8TfJ/pcHSCHIeLA==","signatures":[{"sig":"MEUCIQC6s/nNpWU8UVWIhzx0f4i+g/Sk9uuAWrQQwkgU3rha8QIgIt9kqu01qkeNKnn7PnT4S2tS4B8zsbu5Rz9/rWOCj+A=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1503331},"main":"./dist/index.js","type":"module","_from":"file:beonit-design-system-0.1.2.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=24.0.0","pnpm":">=9.0.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./*":{"types":"./dist/component-library/*/index.d.ts","import":"./dist/component-library/*/index.js"},"./assets/*":"./assets/*","./lib/utils":{"types":"./dist/component-library/lib/utils.d.ts","import":"./dist/component-library/lib/utils.js"},"./styles.css":"./styles/index.css","./tokens.css":"./styles/tokens.css"},"scripts":{"test":"vitest run --config build-config/vitest/vitest.config.ts","build":"vite build --config build-config/vite/vite.config.ts","test:watch":"vitest --config build-config/vitest/vitest.config.ts","type-check":"vue-tsc --noEmit -p tsconfig.json"},"_npmUser":{"name":"aaronperezbeonit","email":"aaperez@beonit.es"},"_resolved":"/tmp/ef36ea34452ddf42ef4ea6dadb833c40/beonit-design-system-0.1.2.tgz","_integrity":"sha512-pFETF/PxDsXsJM5XMwtsYnFSDzTzQ3NVvC4M0P4z9qJ8ORPlERpoNcRogump/wzPCybiY4x8TfJ/pcHSCHIeLA==","repository":{"url":"git+https://github.com/beonit-team/beon-design-system.git","type":"git"},"_npmVersion":"11.16.0","description":"Beon Design System — componentes Vue 3 (Reka UI + Tailwind v4) de la plataforma Beon","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"24.18.0","dependencies":{"clsx":"^2.1.1","reka-ui":"^2.9.8","vaul-vue":"^0.4.1","@unovis/ts":"^1.6.5","vue-sonner":"^2.0.9","@lucide/vue":"^1.17.0","@unovis/vue":"^1.6.5","@vueuse/core":"^14.3.0","embla-carousel":"^8.6.0","tailwind-merge":"^3.6.0","tw-animate-css":"^1.4.0","embla-carousel-vue":"^8.6.0","@tanstack/vue-table":"^8.21.3","@internationalized/date":"^3.12.2","class-variance-authority":"^0.7.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.0","vite":"^5.4.0","jsdom":"^25.0.0","vitest":"^2.1.0","vue-tsc":"^2.1.0","typescript":"^5.5.0","vee-validate":"^4.15.1","@vue/tsconfig":"^0.5.0","@vue/test-utils":"^2.4.6","vite-plugin-dts":"^4.5.0","@vitejs/plugin-vue":"^5.1.0"},"peerDependencies":{"vue":"^3.5.0","vee-validate":"^4.15.1"},"peerDependenciesMeta":{"vee-validate":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/design-system_0.1.2_1783517816546_0.4296136522790268","host":"s3://npm-registry-packages-npm-production"}},"0.1.3":{"name":"@beonit/design-system","version":"0.1.3","description":"Beon Design System — componentes Vue 3 (Reka UI + Tailwind v4) de la plataforma Beon","license":"MIT","type":"module","repository":{"type":"git","url":"git+https://github.com/beonit-team/beon-design-system.git"},"engines":{"node":">=24.0.0","pnpm":">=9.0.0"},"publishConfig":{"access":"public"},"main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./styles.css":"./styles/index.css","./tokens.css":"./styles/tokens.css","./assets/*":"./assets/*","./lib/utils":{"types":"./dist/component-library/lib/utils.d.ts","import":"./dist/component-library/lib/utils.js"},"./*":{"types":"./dist/component-library/*/index.d.ts","import":"./dist/component-library/*/index.js"}},"sideEffects":["**/*.css"],"peerDependencies":{"vee-validate":"^4.15.1","vue":"^3.5.0"},"peerDependenciesMeta":{"vee-validate":{"optional":true}},"dependencies":{"@internationalized/date":"^3.12.2","@lucide/vue":"^1.17.0","@tanstack/vue-table":"^8.21.3","@unovis/ts":"^1.6.5","@unovis/vue":"^1.6.5","@vueuse/core":"^14.3.0","class-variance-authority":"^0.7.1","clsx":"^2.1.1","embla-carousel":"^8.6.0","embla-carousel-vue":"^8.6.0","reka-ui":"^2.9.8","tailwind-merge":"^3.6.0","tw-animate-css":"^1.4.0","vaul-vue":"^0.4.1","vue-sonner":"^2.0.9"},"devDependencies":{"@storybook/addon-a11y":"^9","@storybook/addon-docs":"^9","@storybook/vue3-vite":"^9","@tailwindcss/vite":"^4","@vitejs/plugin-vue":"^5.1.0","@vue/test-utils":"^2.4.6","@vue/tsconfig":"^0.5.0","jsdom":"^25.0.0","storybook":"^9","tailwindcss":"^4","typescript":"^5.5.0","vee-validate":"^4.15.1","vite":"^5.4.0","vite-plugin-dts":"^4.5.0","vitest":"^2.1.0","vue":"^3.5.0","vue-tsc":"^2.1.0"},"scripts":{"build":"vite build --config build-config/vite/vite.config.ts","type-check":"vue-tsc --noEmit -p tsconfig.json","test":"vitest run --config build-config/vitest/vitest.config.ts","test:watch":"vitest --config build-config/vitest/vitest.config.ts","storybook":"storybook dev -p 6006"},"_id":"@beonit/design-system@0.1.3","bugs":{"url":"https://github.com/beonit-team/beon-design-system/issues"},"homepage":"https://github.com/beonit-team/beon-design-system#readme","_integrity":"sha512-8VkxJWe21jGA+z9vy6PjEqIZBWePeRvBKtev7q016IReOSosoosk7W4Y1v+61s9X0CKJro0+vyzkJBgOEYLYYg==","_resolved":"/tmp/acf712f91bb8b0af1e8c521122ed13dd/beonit-design-system-0.1.3.tgz","_from":"file:beonit-design-system-0.1.3.tgz","_nodeVersion":"24.18.0","_npmVersion":"11.16.0","dist":{"integrity":"sha512-8VkxJWe21jGA+z9vy6PjEqIZBWePeRvBKtev7q016IReOSosoosk7W4Y1v+61s9X0CKJro0+vyzkJBgOEYLYYg==","shasum":"a936866459dca009ac97bc63ed3f6fe1e135461f","tarball":"https://registry.npmjs.org/@beonit/design-system/-/design-system-0.1.3.tgz","fileCount":1772,"unpackedSize":1503556,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIAkbogjvsoz0mwzdKCEOIJ7bx0PktQC+kvK9rs6RRwrZAiEA1NlkfQZ6dVYsHJ/MisQEp5hLSm5wk+MwIk6drNBb3FI="}]},"_npmUser":{"name":"aaronperezbeonit","email":"aaperez@beonit.es"},"directories":{},"maintainers":[{"name":"aaronperezbeonit","email":"aaperez@beonit.es"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/design-system_0.1.3_1783588009537_0.3489430374239697"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-06T14:36:07.554Z","modified":"2026-07-09T09:06:49.902Z","0.1.0":"2026-07-06T14:36:08.009Z","0.1.1":"2026-07-08T13:16:33.843Z","0.1.2":"2026-07-08T13:36:56.732Z","0.1.3":"2026-07-09T09:06:49.747Z"},"bugs":{"url":"https://github.com/beonit-team/beon-design-system/issues"},"license":"MIT","homepage":"https://github.com/beonit-team/beon-design-system#readme","repository":{"type":"git","url":"git+https://github.com/beonit-team/beon-design-system.git"},"description":"Beon Design System — componentes Vue 3 (Reka UI + Tailwind v4) de la plataforma Beon","maintainers":[{"name":"aaronperezbeonit","email":"aaperez@beonit.es"}],"readme":"# @beonit/design-system\n\nComponentes Vue 3 del design system de Beon (Reka UI + Tailwind CSS v4).\n\n## Instalación\n\n```bash\nnpm install @beonit/design-system\n```\n\nRequisitos del proyecto consumidor:\n\n- Vue `^3.5`\n- Tailwind CSS v4 (los componentes usan utilidades de Tailwind; el CSS del paquete se compila con el Tailwind del consumidor)\n\n## Uso\n\n```css\n/* tu entry CSS */\n@import \"@beonit/design-system/styles.css\";\n```\n\n```vue\n<script setup lang=\"ts\">\nimport { ArButton } from '@beonit/design-system';\n</script>\n\n<template>\n  <ArButton>Guardar</ArButton>\n</template>\n```\n\nTambién hay subpath exports por componente:\n\n```ts\nimport { ArButton } from '@beonit/design-system/button';\nimport { cn } from '@beonit/design-system/lib/utils';\n```\n\n### Componentes de formulario (`ArForm*`)\n\nLos componentes de `form` integran [vee-validate](https://vee-validate.logaretm.com/) y por eso\nNO se exportan desde el barrel raíz: instala `vee-validate` (peer opcional) e importa por subpath:\n\n```ts\nimport { ArForm, ArFormField } from '@beonit/design-system/form';\n```\n\n## Theming\n\nEl paquete trae el tema Beon como base. Para personalizarlo, sobreescribe las CSS variables\nen tu propio CSS, después del import del DS:\n\n```css\n@import \"@beonit/design-system/styles.css\";\n\n:root {\n  --primary: oklch(0.55 0.2 260);\n  --radius: 0.25rem;\n}\n```\n\nTokens principales sobrescribibles:\n\n| Grupo | Tokens |\n|---|---|\n| Semánticos (shadcn) | `--background` `--foreground` `--primary` `--primary-foreground` `--secondary` `--secondary-foreground` `--accent` `--muted` `--destructive` `--border` `--input` `--ring` `--card` `--popover` `--sidebar-*` `--chart-1..5` |\n| Radios | `--radius` (los `--radius-sm..4xl` derivan de él) |\n| Marca (capa Beon) | `--brand-green` `--brand-blue` `--brand-magenta` `--brand-orange` `--brand-red` `--brand-yellow` `--gradient-brand*` |\n| Plataforma | `--p-primary` `--p-primary-ink` `--p-secondary` `--p-accent` `--c-bg` `--c-surface` `--c-ink` `--c-line` `--c-danger` `--c-success` `--c-warning` `--c-info` |\n| Tenant | `--customer-primary` `--customer-secondary` |\n| Tipografía | `--font-corporate` `--font-product` `--font-display` `--font-mono` `--fs-*` |\n\nModo oscuro: añade la clase `dark` al elemento raíz (`<html class=\"dark\">`).\n\n## Desarrollo\n\n```bash\npnpm install\npnpm test        # vitest + @vue/test-utils\npnpm build       # dist/ (ESM + d.ts)\n```\n\nReleases con [changesets](https://github.com/changesets/changesets): añade un changeset en tu PR\n(`pnpm changeset`); al mergear a `main`, el workflow de release versiona y publica en npm.\n","readmeFilename":"README.md"}