{"_id":"@base-ui-svelte/styles","_rev":"2-25f3c1f49bd68cf2157f39a8ad7cfc60","name":"@base-ui-svelte/styles","dist-tags":{"latest":"0.2.0"},"versions":{"0.1.0":{"name":"@base-ui-svelte/styles","version":"0.1.0","keywords":["base-ui-svelte","css","design-system","styles","tailwind"],"license":"MIT","_id":"@base-ui-svelte/styles@0.1.0","maintainers":[{"name":"anatoliy.st","email":"anatoliy.dev7@gmail.com"}],"homepage":"https://github.com/anatoliy-t7/base-ui-svelte/tree/main/packages/styles#readme","bugs":{"url":"https://github.com/anatoliy-t7/base-ui-svelte/issues"},"dist":{"shasum":"5842ce188a440d9736c0b9d49325c4598ab69d8e","tarball":"https://registry.npmjs.org/@base-ui-svelte/styles/-/styles-0.1.0.tgz","fileCount":289,"integrity":"sha512-fnrvtnAAvSdMgSb2X5g2VfAesntMG9dnFintMEkOZBBA/3mUH48gSkvNFW0bJB0r7BLUPWIwnCKNhU/oBPtrDA==","signatures":[{"sig":"MEUCIG55U0zu0xnIToG8WlmcKZReLuyw+takxQpT0L1AFdv2AiEA5LIdwxih4Fep+hILmvFO1zEx3GKYB3bcxhTu+9+j5bI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":166763},"main":"./dist/index.js","type":"module","style":"./index.css","types":"./dist/index.d.ts","engines":{"node":">=22"},"exports":{".":{"style":"./index.css","types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./css":{"style":"./index.css","default":"./index.css"},"./themes/*":"./themes/*","./components/*":"./components/*","./package.json":"./package.json"},"gitHead":"a5f579df2845507a50a621925ff32e3806a22dcf","scripts":{"fmt":"oxfmt .","build":"tsc -p tsconfig.json","check":"tsc -p tsconfig.json --noEmit","clean":"rm -rf dist","publint":"publint","fmt:check":"oxfmt --check .","prepublishOnly":"bun run build && bun run publint"},"_npmUser":{"name":"anatoliy.st","email":"anatoliy.dev7@gmail.com"},"repository":{"url":"git+https://github.com/anatoliy-t7/base-ui-svelte.git","type":"git","directory":"packages/styles"},"_npmVersion":"11.19.0","description":"CSS and TypeScript style recipes for base-ui-svelte","directories":{},"sideEffects":["*.css"],"_nodeVersion":"26.7.0","dependencies":{"tw-animate-css":"^1.4.0","tailwind-variants":"^3.2.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"publint":"^0.3.23","typescript":"^5.9.3","tailwindcss":"^4.1.0"},"peerDependencies":{"tailwindcss":">=4.0.0"},"_npmOperationalInternal":{"tmp":"tmp/styles_0.1.0_1786884583618_0.3463154463422189","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@base-ui-svelte/styles","version":"0.2.0","description":"CSS and TypeScript style recipes for base-ui-svelte","keywords":["base-ui-svelte","css","design-system","styles","tailwind"],"homepage":"https://github.com/anatoliy-t7/base-ui-svelte/tree/main/packages/styles#readme","bugs":{"url":"https://github.com/anatoliy-t7/base-ui-svelte/issues"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/anatoliy-t7/base-ui-svelte.git","directory":"packages/styles"},"style":"./index.css","type":"module","sideEffects":["*.css"],"main":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","style":"./index.css","import":"./dist/index.js","default":"./dist/index.js"},"./css":{"style":"./index.css","default":"./index.css"},"./components/*":"./components/*","./motions":{"style":"./motions/index.css","default":"./motions/index.css"},"./motions/*":"./motions/*","./themes/*":"./themes/*","./package.json":"./package.json"},"publishConfig":{"access":"public"},"scripts":{"build":"tsc -p tsconfig.json","check":"tsc -p tsconfig.json --noEmit","clean":"rm -rf dist","fmt":"oxfmt .","fmt:check":"oxfmt --check .","prepublishOnly":"bun run build && bun run publint","publint":"publint"},"dependencies":{"tailwind-variants":"^3.2.2","tw-animate-css":"^1.4.0"},"devDependencies":{"publint":"^0.3.23","tailwindcss":"^4.1.0","typescript":"^5.9.3"},"peerDependencies":{"tailwindcss":">=4.0.0"},"engines":{"node":">=22"},"gitHead":"5a66cd060fd75e81ee2263ea3889d9ab2d1ad256","_id":"@base-ui-svelte/styles@0.2.0","_nodeVersion":"26.7.0","_npmVersion":"11.19.0","dist":{"integrity":"sha512-R7HqETBxTu7Y8s0QKQ1Ub5NRMd4hLK8JDeafQs1Y7OmSEubm//jY702NfcQyByfYPhera66ybt2iS2q9KAulYA==","shasum":"dfc41d7c1bb9635da8f741f1e6f20a12fbed32ee","tarball":"https://registry.npmjs.org/@base-ui-svelte/styles/-/styles-0.2.0.tgz","fileCount":305,"unpackedSize":181329,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDhDBGyP+mUcZV6bZYNkmSPzarRF/+QEeKY/evHGlcsLgIgZsj6FNwkRr168IxsSuRMeOAIAjrFKe+hg6zTMDNzXw4="}]},"_npmUser":{"name":"anatoliy.st","email":"anatoliy.dev7@gmail.com"},"directories":{},"maintainers":[{"name":"anatoliy.st","email":"anatoliy.dev7@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/styles_0.2.0_1787467325091_0.8906151016889126"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-16T12:49:43.474Z","modified":"2026-08-23T06:42:05.419Z","0.1.0":"2026-08-16T12:49:43.764Z","0.2.0":"2026-08-23T06:42:05.240Z"},"bugs":{"url":"https://github.com/anatoliy-t7/base-ui-svelte/issues"},"license":"MIT","homepage":"https://github.com/anatoliy-t7/base-ui-svelte/tree/main/packages/styles#readme","keywords":["base-ui-svelte","css","design-system","styles","tailwind"],"repository":{"type":"git","url":"git+https://github.com/anatoliy-t7/base-ui-svelte.git","directory":"packages/styles"},"description":"CSS and TypeScript style recipes for base-ui-svelte","maintainers":[{"name":"anatoliy.st","email":"anatoliy.dev7@gmail.com"}],"readme":"# @base-ui-svelte/styles\n\nFramework-agnostic CSS and TypeScript style recipes for [base-ui-svelte](https://github.com/anatoliy-t7/base-ui-svelte). Built on Tailwind CSS v4.\n\n## Install\n\n```bash\nbun add @base-ui-svelte/styles tailwindcss\n```\n\n## Usage\n\n```css\n@import '@base-ui-svelte/styles';\n```\n\nOr import CSS only:\n\n```css\n@import '@base-ui-svelte/styles/css';\n```\n\n### Class names\n\nBootstrap-style modifiers (not BEM):\n\n```html\n<button class=\"btn btn-primary btn-sm\">Save</button>\n```\n\nCompound parts use `{component}-{part}`:\n\n```html\n<div class=\"dialog-popup dialog-popup-md\">...</div>\n```\n\n### TypeScript recipes\n\n```ts\nimport { buttonVariants, dialogVariants } from '@base-ui-svelte/styles';\n\nbuttonVariants({ size: 'sm', variant: 'primary' });\nconst { popup, backdrop } = dialogVariants({ size: 'md' });\n```\n\n### Dark mode\n\n```html\n<html class=\"dark\">\n\t<!-- or -->\n\t<html data-theme=\"dark\"></html>\n</html>\n```\n\n### Selective imports\n\n```css\n@import 'tailwindcss';\n@import '@base-ui-svelte/styles/components/button.css' layer(components);\n@import '@base-ui-svelte/styles/themes/default' layer(theme);\n```\n","readmeFilename":"README.md"}