{"_id":"@destyler-ui/svelte","name":"@destyler-ui/svelte","dist-tags":{"beta":"0.0.1-beta.17","latest":"0.0.1-beta.17"},"versions":{"0.0.1-beta.17":{"name":"@destyler-ui/svelte","type":"module","version":"0.0.1-beta.17","description":"Build scalable design systems with unstyled, accessible UI components for Svelte","author":{"name":"Elone Hoo","email":"hi@elonehoo.me"},"license":"MIT","homepage":"https://github.com/destyler/ui","repository":{"type":"git","url":"git+https://github.com/destyler/ui.git","directory":"packages/svelte"},"bugs":{"url":"https://github.com/destyler/ui/issues"},"keywords":["base","destyler","svelte"],"svelte":"./dist/index.js","sideEffects":false,"exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js","default":"./dist/index.js"},"./anatomy":{"types":"./dist/components/anatomy.d.ts","svelte":"./dist/components/anatomy.js","import":"./dist/components/anatomy.js","default":"./dist/components/anatomy.js"},"./client-only":{"types":"./dist/providers/client-only/index.d.ts","svelte":"./dist/providers/client-only/index.js","default":"./dist/providers/client-only/index.js"},"./environment":{"types":"./dist/providers/environment/index.d.ts","svelte":"./dist/providers/environment/index.js","default":"./dist/providers/environment/index.js"},"./focus-trap":{"types":"./dist/providers/focus-trap/index.d.ts","svelte":"./dist/providers/focus-trap/index.js","default":"./dist/providers/focus-trap/index.js"},"./format":{"types":"./dist/providers/format/index.d.ts","svelte":"./dist/providers/format/index.js","default":"./dist/providers/format/index.js"},"./frame":{"types":"./dist/providers/frame/index.d.ts","svelte":"./dist/providers/frame/index.js","default":"./dist/providers/frame/index.js"},"./highlight":{"types":"./dist/providers/highlight/index.d.ts","svelte":"./dist/providers/highlight/index.js","default":"./dist/providers/highlight/index.js"},"./locale":{"types":"./dist/providers/locale/index.d.ts","svelte":"./dist/providers/locale/index.js","default":"./dist/providers/locale/index.js"},"./aspect-ratio":{"types":"./dist/components/aspect-ratio/index.d.ts","svelte":"./dist/components/aspect-ratio/index.js","default":"./dist/components/aspect-ratio/index.js"},"./avatar":{"types":"./dist/components/avatar/index.d.ts","svelte":"./dist/components/avatar/index.js","default":"./dist/components/avatar/index.js"},"./breadcrumbs":{"types":"./dist/components/breadcrumbs/index.d.ts","svelte":"./dist/components/breadcrumbs/index.js","default":"./dist/components/breadcrumbs/index.js"},"./calendar":{"types":"./dist/components/calendar/index.d.ts","svelte":"./dist/components/calendar/index.js","default":"./dist/components/calendar/index.js"},"./carousel":{"types":"./dist/components/carousel/index.d.ts","svelte":"./dist/components/carousel/index.js","default":"./dist/components/carousel/index.js"},"./checkbox":{"types":"./dist/components/checkbox/index.d.ts","svelte":"./dist/components/checkbox/index.js","default":"./dist/components/checkbox/index.js"},"./clipboard":{"types":"./dist/components/clipboard/index.d.ts","svelte":"./dist/components/clipboard/index.js","default":"./dist/components/clipboard/index.js"},"./collapse":{"types":"./dist/components/collapse/index.d.ts","svelte":"./dist/components/collapse/index.js","default":"./dist/components/collapse/index.js"},"./collapsible":{"types":"./dist/components/collapsible/index.d.ts","svelte":"./dist/components/collapsible/index.js","default":"./dist/components/collapsible/index.js"},"./color-picker":{"types":"./dist/components/color-picker/index.d.ts","svelte":"./dist/components/color-picker/index.js","default":"./dist/components/color-picker/index.js"},"./combobox":{"types":"./dist/components/combobox/index.d.ts","svelte":"./dist/components/combobox/index.js","default":"./dist/components/combobox/index.js"},"./dialog":{"types":"./dist/components/dialog/index.d.ts","svelte":"./dist/components/dialog/index.js","default":"./dist/components/dialog/index.js"},"./dynamic":{"types":"./dist/components/dynamic/index.d.ts","svelte":"./dist/components/dynamic/index.js","default":"./dist/components/dynamic/index.js"},"./edit":{"types":"./dist/components/edit/index.d.ts","svelte":"./dist/components/edit/index.js","default":"./dist/components/edit/index.js"},"./field":{"types":"./dist/components/field/index.d.ts","svelte":"./dist/components/field/index.js","default":"./dist/components/field/index.js"},"./fieldset":{"types":"./dist/components/fieldset/index.d.ts","svelte":"./dist/components/fieldset/index.js","default":"./dist/components/fieldset/index.js"},"./file-upload":{"types":"./dist/components/file-upload/index.d.ts","svelte":"./dist/components/file-upload/index.js","default":"./dist/components/file-upload/index.js"},"./floating-panel":{"types":"./dist/components/floating-panel/index.d.ts","svelte":"./dist/components/floating-panel/index.js","default":"./dist/components/floating-panel/index.js"},"./hover-card":{"types":"./dist/components/hover-card/index.d.ts","svelte":"./dist/components/hover-card/index.js","default":"./dist/components/hover-card/index.js"},"./label":{"types":"./dist/components/label/index.d.ts","svelte":"./dist/components/label/index.js","default":"./dist/components/label/index.js"},"./menu":{"types":"./dist/components/menu/index.d.ts","svelte":"./dist/components/menu/index.js","default":"./dist/components/menu/index.js"},"./navigation-menu":{"types":"./dist/components/navigation-menu/index.d.ts","svelte":"./dist/components/navigation-menu/index.js","default":"./dist/components/navigation-menu/index.js"},"./number-input":{"types":"./dist/components/number-input/index.d.ts","svelte":"./dist/components/number-input/index.js","default":"./dist/components/number-input/index.js"},"./otp-input":{"types":"./dist/components/otp-input/index.d.ts","svelte":"./dist/components/otp-input/index.js","default":"./dist/components/otp-input/index.js"},"./pagination":{"types":"./dist/components/pagination/index.d.ts","svelte":"./dist/components/pagination/index.js","default":"./dist/components/pagination/index.js"},"./popover":{"types":"./dist/components/popover/index.d.ts","svelte":"./dist/components/popover/index.js","default":"./dist/components/popover/index.js"},"./presence":{"types":"./dist/components/presence/index.d.ts","svelte":"./dist/components/presence/index.js","default":"./dist/components/presence/index.js"},"./progress":{"types":"./dist/components/progress/index.d.ts","svelte":"./dist/components/progress/index.js","default":"./dist/components/progress/index.js"},"./qr-code":{"types":"./dist/components/qr-code/index.d.ts","svelte":"./dist/components/qr-code/index.js","default":"./dist/components/qr-code/index.js"},"./radio":{"types":"./dist/components/radio/index.d.ts","svelte":"./dist/components/radio/index.js","default":"./dist/components/radio/index.js"},"./scroll-area":{"types":"./dist/components/scroll-area/index.d.ts","svelte":"./dist/components/scroll-area/index.js","default":"./dist/components/scroll-area/index.js"},"./select":{"types":"./dist/components/select/index.d.ts","svelte":"./dist/components/select/index.js","default":"./dist/components/select/index.js"},"./separator":{"types":"./dist/components/separator/index.d.ts","svelte":"./dist/components/separator/index.js","default":"./dist/components/separator/index.js"},"./signature":{"types":"./dist/components/signature/index.d.ts","svelte":"./dist/components/signature/index.js","default":"./dist/components/signature/index.js"},"./slider":{"types":"./dist/components/slider/index.d.ts","svelte":"./dist/components/slider/index.js","default":"./dist/components/slider/index.js"},"./splitter":{"types":"./dist/components/splitter/index.d.ts","svelte":"./dist/components/splitter/index.js","default":"./dist/components/splitter/index.js"},"./steps":{"types":"./dist/components/steps/index.d.ts","svelte":"./dist/components/steps/index.js","default":"./dist/components/steps/index.js"},"./switch":{"types":"./dist/components/switch/index.d.ts","svelte":"./dist/components/switch/index.js","default":"./dist/components/switch/index.js"},"./tabs":{"types":"./dist/components/tabs/index.d.ts","svelte":"./dist/components/tabs/index.js","default":"./dist/components/tabs/index.js"},"./timer":{"types":"./dist/components/timer/index.d.ts","svelte":"./dist/components/timer/index.js","default":"./dist/components/timer/index.js"},"./toast":{"types":"./dist/components/toast/index.d.ts","svelte":"./dist/components/toast/index.js","default":"./dist/components/toast/index.js"},"./toggle":{"types":"./dist/components/toggle/index.d.ts","svelte":"./dist/components/toggle/index.js","default":"./dist/components/toggle/index.js"},"./toggle-group":{"types":"./dist/components/toggle-group/index.d.ts","svelte":"./dist/components/toggle-group/index.js","default":"./dist/components/toggle-group/index.js"},"./tooltip":{"types":"./dist/components/tooltip/index.d.ts","svelte":"./dist/components/tooltip/index.js","default":"./dist/components/tooltip/index.js"},"./tour":{"types":"./dist/components/tour/index.d.ts","svelte":"./dist/components/tour/index.js","default":"./dist/components/tour/index.js"},"./tree":{"types":"./dist/components/tree/index.d.ts","svelte":"./dist/components/tree/index.js","default":"./dist/components/tree/index.js"}},"types":"./dist/index.d.ts","publishConfig":{"access":"public"},"peerDependencies":{"svelte":">=5.29.0"},"dependencies":{"@destyler/anatomy":"^0.2.6","@destyler/aspect-ratio":"^0.2.6","@destyler/auto-resize":"^0.2.6","@destyler/breadcrumbs":"^0.2.6","@destyler/calendar":"^0.2.6","@destyler/carousel":"^0.2.6","@destyler/checkbox":"^0.2.6","@destyler/clipboard":"^0.2.6","@destyler/collapse":"^0.2.6","@destyler/collapsible":"^0.2.6","@destyler/collection":"^0.2.6","@destyler/color-picker":"^0.2.6","@destyler/combobox":"^0.2.6","@destyler/dialog":"^0.2.6","@destyler/dom":"^0.2.6","@destyler/dynamic":"^0.2.6","@destyler/edit":"^0.2.6","@destyler/file-upload":"^0.2.6","@destyler/floating-panel":"^0.2.6","@destyler/focus-trap":"^0.2.6","@destyler/highlight-text":"^0.2.6","@destyler/hover-card":"^0.2.6","@destyler/i18n":"^0.2.6","@destyler/image":"^0.2.6","@destyler/label":"^0.2.6","@destyler/menu":"^0.2.6","@destyler/navigation-menu":"^0.2.6","@destyler/number-input":"^0.2.6","@destyler/otp-input":"^0.2.6","@destyler/pagination":"^0.2.6","@destyler/popover":"^0.2.6","@destyler/presence":"^0.2.6","@destyler/progress":"^0.2.6","@destyler/qr-code":"^0.2.6","@destyler/radio":"^0.2.6","@destyler/scroll-area":"^0.2.6","@destyler/select":"^0.2.6","@destyler/separator":"^0.2.6","@destyler/signature":"^0.2.6","@destyler/slider":"^0.2.6","@destyler/splitter":"^0.2.6","@destyler/steps":"^0.2.6","@destyler/store":"^0.2.6","@destyler/svelte":"^0.2.6","@destyler/switch":"^0.2.6","@destyler/tabs":"^0.2.6","@destyler/timer":"^0.2.6","@destyler/toast":"^0.2.6","@destyler/toggle":"^0.2.6","@destyler/tooltip":"^0.2.6","@destyler/tour":"^0.2.6","@destyler/tree":"^0.2.6","@destyler/types":"^0.2.6","@destyler/utils":"^0.2.6","@destyler/xstate":"^0.2.6"},"devDependencies":{"@sveltejs/kit":"^2.70.3","@sveltejs/package":"^2.5.8","@sveltejs/vite-plugin-svelte":"^6.2.4","@vitest/browser-playwright":"^4.0.17","@vitest/ui":"^4.0.17","publint":"^0.3.24","svelte":"^5.56.10","svelte-check":"^4.7.6","vite":"^7.2.7","vitest":"^4.0.17","vitest-browser-svelte":"^3.0.0"},"scripts":{"build":"pnpm run sync:manifest:check && pnpm run clean && pnpm run sync && svelte-package --tsconfig ./tsconfig.build.json && pnpm run fix:package-imports","clean":"node -e \"require('node:fs').rmSync('dist', { recursive: true, force: true })\"","dev":"pnpm run sync && svelte-package --watch --tsconfig ./tsconfig.build.json","storybook":"storybook dev -p 6006","build-storybook":"storybook build","sync:manifest":"node scripts/sync-manifest.cjs","sync:manifest:check":"node scripts/sync-manifest.cjs --check","sync":"svelte-kit sync","check:manifest":"pnpm run sync:manifest:check && node scripts/test-component-generator.cjs","typecheck":"pnpm run sync && svelte-check --tsconfig ./tsconfig.json","test":"pnpm run sync && vitest run --browser.headless && vitest run --config vitest.ssr.config.ts","test:ssr":"pnpm run sync && vitest run --config vitest.ssr.config.ts","test:dev":"pnpm run sync && vitest --browser.headless","test:ui":"pnpm run sync && vitest --ui --open","lint:package":"publint","fix:package-imports":"node scripts/rewrite-package-imports.cjs","check:package-imports":"node scripts/rewrite-package-imports.cjs --check && node scripts/check-package-consumer.cjs","check:package-files":"node scripts/check-package-files.cjs","check:ci":"pnpm run check:manifest && pnpm run typecheck && pnpm run build && pnpm run check:package-imports && pnpm run lint:package && pnpm run check:package-files","check":"pnpm run check:manifest && pnpm run typecheck && pnpm run test && pnpm run build && pnpm run check:package-imports && pnpm run lint:package && pnpm run check:package-files"},"_id":"@destyler-ui/svelte@0.0.1-beta.17","_integrity":"sha512-G+ZDyxnFpW2ke427lYuGUwhTxJu7fwGlwEZvm2vyyUH76Z98SPbeMsvFmRCinPhQ/O6B+1nEPRhy/VoIg6DDjw==","_resolved":"/private/var/folders/k7/90kbrk210x1b2psrkp5g0ygh0000gn/T/787315c09e7b48da67d6f19a9208bfb9/destyler-ui-svelte-0.0.1-beta.17.tgz","_from":"file:destyler-ui-svelte-0.0.1-beta.17.tgz","_nodeVersion":"24.14.0","_npmVersion":"11.9.0","dist":{"integrity":"sha512-G+ZDyxnFpW2ke427lYuGUwhTxJu7fwGlwEZvm2vyyUH76Z98SPbeMsvFmRCinPhQ/O6B+1nEPRhy/VoIg6DDjw==","shasum":"86c7e27aa8b278448fc24dd3bab5e8be7d3657d8","tarball":"https://registry.npmjs.org/@destyler-ui/svelte/-/svelte-0.0.1-beta.17.tgz","fileCount":2060,"unpackedSize":1363212,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDea2MbegWTWBAxgbHXKw0AQB87DWcXJCofZGHmenoCJQIhAJuefYYEOYmuCQ8QiQPnePMrzdLcdq8EQVmi6Nk9B8h2"}]},"_npmUser":{"name":"elonehoo","email":"elonehoo@gmail.com"},"directories":{},"maintainers":[{"name":"elonehoo","email":"elonehoo@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/svelte_0.0.1-beta.17_1788344591898_0.880399096031669"},"_hasShrinkwrap":false}},"time":{"created":"2026-09-02T10:23:11.694Z","0.0.1-beta.17":"2026-09-02T10:23:12.035Z","modified":"2026-09-02T10:23:12.369Z"},"maintainers":[{"name":"elonehoo","email":"elonehoo@gmail.com"}],"description":"Build scalable design systems with unstyled, accessible UI components for Svelte","homepage":"https://github.com/destyler/ui","keywords":["base","destyler","svelte"],"repository":{"type":"git","url":"git+https://github.com/destyler/ui.git","directory":"packages/svelte"},"author":{"name":"Elone Hoo","email":"hi@elonehoo.me"},"bugs":{"url":"https://github.com/destyler/ui/issues"},"license":"MIT","readme":"# Destyler UI for Svelte\n\nUnstyled, accessible Svelte 5 components powered by the `@destyler/*` state machines.\n\n## Installation\n\n```bash\npnpm add @destyler-ui/svelte\n```\n\nDestyler UI requires Svelte 5.29 or newer.\n\n## Quick start\n\n```svelte\n<script lang=\"ts\">\n  import { Checkbox } from '@destyler-ui/svelte'\n\n  let checked = $state(false)\n</script>\n\n<Checkbox.Root bind:checked>\n  <Checkbox.Control>\n    <Checkbox.Indicator>✓</Checkbox.Indicator>\n  </Checkbox.Control>\n  <Checkbox.Label>Accept terms</Checkbox.Label>\n  <Checkbox.HiddenInput />\n</Checkbox.Root>\n```\n\nThe package exposes the same component catalog as `@destyler-ui/react` and `@destyler-ui/vue`, with Svelte bindings such as `bind:checked`, `bind:open`, and `bind:value`.\n\nComponents are unstyled. Style their stable `data-scope`, `data-part`, and state attributes, or compose your own element with the `asChild` snippet.\n\n```css\n[data-scope='checkbox'][data-part='control'] {\n  border: 1px solid currentColor;\n  border-radius: 0.25rem;\n}\n\n[data-scope='checkbox'][data-part='control'][data-state='checked'] {\n  background: currentColor;\n}\n```\n\nAll component families are available from the root package or from a tree-shakable subpath:\n\n```ts\nimport { Checkbox } from '@destyler-ui/svelte'\nimport { Checkbox as CheckboxFromSubpath } from '@destyler-ui/svelte/checkbox'\n```\n\nRuntime helpers are exported from the root package and dedicated subpaths, including `ClientOnly`, `EnvironmentProvider`, `FocusTrap`, `Format`, `Frame`, `Highlight`, and `LocaleProvider`.\n\nSee the [Destyler UI documentation](https://ui.destyler.dev/overview/getting-started/) for component examples, API tables, and provider guides.\n","readmeFilename":"README.md","_rev":"1-2e9845c5b2698dff7f20ebf9022a4ff8"}