create-tauri-ui 0.3.0 → 0.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +55 -55
- package/templates/.shared/src-tauri/Cargo.lock +15 -12
- package/templates/next/package.json +3 -3
- package/templates/next/pnpm-lock.yaml +19 -19
- package/templates/next/src/components/menu.tsx +3 -2
- package/templates/next/src-tauri/Cargo.lock +3835 -3832
- package/templates/sveltekit/package.json +6 -5
- package/templates/sveltekit/pnpm-lock.yaml +900 -2415
- package/templates/sveltekit/src/lib/components/docs/dashboard/DashboardPage.svelte +1 -17
- package/templates/sveltekit/src/lib/components/docs/index.ts +1 -18
- package/templates/sveltekit/src/routes/+layout.svelte +12 -63
- package/templates/sveltekit/src/routes/authentication/+page.svelte +2 -18
- package/templates/sveltekit/src/routes/cards/+page.svelte +1 -19
- package/templates/sveltekit/src-tauri/Cargo.lock +168 -34
- package/templates/sveltekit/src-tauri/Cargo.toml +5 -2
- package/templates/sveltekit/src-tauri/src/main.rs +8 -2
- package/templates/sveltekit/src-tauri/tauri.conf.json +4 -4
- package/templates/sveltekit/tailwind.config.js +4 -1
- package/templates/sveltekit/vite.config.js +5 -3
- package/templates/vite/package.json +4 -4
- package/templates/vite/pnpm-lock.yaml +417 -419
- package/templates/vite/src-tauri/Cargo.lock +21 -18
- package/templates/sveltekit/src/content/cli.md +0 -63
- package/templates/sveltekit/src/content/components/accordion.md +0 -59
- package/templates/sveltekit/src/content/components/alert-dialog.md +0 -75
- package/templates/sveltekit/src/content/components/alert.md +0 -67
- package/templates/sveltekit/src/content/components/aspect-ratio.md +0 -51
- package/templates/sveltekit/src/content/components/avatar.md +0 -52
- package/templates/sveltekit/src/content/components/badge.md +0 -104
- package/templates/sveltekit/src/content/components/button.md +0 -165
- package/templates/sveltekit/src/content/components/card.md +0 -82
- package/templates/sveltekit/src/content/components/checkbox.md +0 -71
- package/templates/sveltekit/src/content/components/collapsible.md +0 -55
- package/templates/sveltekit/src/content/components/dialog.md +0 -72
- package/templates/sveltekit/src/content/components/hover-card.md +0 -52
- package/templates/sveltekit/src/content/components/input.md +0 -114
- package/templates/sveltekit/src/content/components/label.md +0 -49
- package/templates/sveltekit/src/content/components/progress.md +0 -49
- package/templates/sveltekit/src/content/components/radio-group.md +0 -59
- package/templates/sveltekit/src/content/components/separator.md +0 -49
- package/templates/sveltekit/src/content/components/sheet.md +0 -95
- package/templates/sveltekit/src/content/components/skeleton.md +0 -42
- package/templates/sveltekit/src/content/components/slider.md +0 -49
- package/templates/sveltekit/src/content/components/switch.md +0 -49
- package/templates/sveltekit/src/content/components/table.md +0 -78
- package/templates/sveltekit/src/content/components/tabs.md +0 -56
- package/templates/sveltekit/src/content/components/textarea.md +0 -102
- package/templates/sveltekit/src/content/components/toggle.md +0 -121
- package/templates/sveltekit/src/content/components/tooltip.md +0 -56
- package/templates/sveltekit/src/content/figma.md +0 -22
- package/templates/sveltekit/src/content/forms/superforms.md +0 -4
- package/templates/sveltekit/src/content/index.md +0 -84
- package/templates/sveltekit/src/content/installation.md +0 -327
- package/templates/sveltekit/src/content/theming.md +0 -189
- package/templates/sveltekit/src/content/typography.md +0 -150
- package/templates/sveltekit/src/lib/components/docs/Callout.svelte +0 -17
- package/templates/sveltekit/src/lib/components/docs/CodeBlockWrapper.svelte +0 -30
- package/templates/sveltekit/src/lib/components/docs/ComponentExample.svelte +0 -55
- package/templates/sveltekit/src/lib/components/docs/ComponentSource.svelte +0 -14
- package/templates/sveltekit/src/lib/components/docs/CopyButton.svelte +0 -39
- package/templates/sveltekit/src/lib/components/docs/DocsPager.svelte +0 -51
- package/templates/sveltekit/src/lib/components/docs/HexToChannels.svelte +0 -38
- package/templates/sveltekit/src/lib/components/docs/ManualInstall.svelte +0 -17
- package/templates/sveltekit/src/lib/components/docs/Metadata.svelte +0 -34
- package/templates/sveltekit/src/lib/components/docs/SiteFooter.svelte +0 -42
- package/templates/sveltekit/src/lib/components/docs/SiteHeader.svelte +0 -51
- package/templates/sveltekit/src/lib/components/docs/Steps.svelte +0 -3
- package/templates/sveltekit/src/lib/components/docs/TableOfContents.svelte +0 -55
- package/templates/sveltekit/src/lib/components/docs/Tree.svelte +0 -31
- package/templates/sveltekit/src/lib/components/docs/examples/accordion/AccordionDemo.svelte +0 -27
- package/templates/sveltekit/src/lib/components/docs/examples/accordion/index.ts +0 -1
- package/templates/sveltekit/src/lib/components/docs/examples/alert/AlertDemo.svelte +0 -10
- package/templates/sveltekit/src/lib/components/docs/examples/alert/AlertDemoDestructive.svelte +0 -10
- package/templates/sveltekit/src/lib/components/docs/examples/alert/index.ts +0 -2
- package/templates/sveltekit/src/lib/components/docs/examples/alert-dialog/AlertDialogDemo.svelte +0 -33
- package/templates/sveltekit/src/lib/components/docs/examples/alert-dialog/index.ts +0 -1
- package/templates/sveltekit/src/lib/components/docs/examples/aspect-ratio/AspectRatioDemo.svelte +0 -11
- package/templates/sveltekit/src/lib/components/docs/examples/aspect-ratio/index.ts +0 -1
- package/templates/sveltekit/src/lib/components/docs/examples/avatar/AvatarDemo.svelte +0 -8
- package/templates/sveltekit/src/lib/components/docs/examples/avatar/index.ts +0 -1
- package/templates/sveltekit/src/lib/components/docs/examples/badge/BadgeDemo.svelte +0 -5
- package/templates/sveltekit/src/lib/components/docs/examples/badge/BadgeDemoDestructive.svelte +0 -5
- package/templates/sveltekit/src/lib/components/docs/examples/badge/BadgeDemoOutline.svelte +0 -5
- package/templates/sveltekit/src/lib/components/docs/examples/badge/BadgeDemoSecondary.svelte +0 -5
- package/templates/sveltekit/src/lib/components/docs/examples/badge/index.ts +0 -4
- package/templates/sveltekit/src/lib/components/docs/examples/button/ButtonDemo.svelte +0 -5
- package/templates/sveltekit/src/lib/components/docs/examples/button/ButtonDemoDestructive.svelte +0 -5
- package/templates/sveltekit/src/lib/components/docs/examples/button/ButtonDemoGhost.svelte +0 -5
- package/templates/sveltekit/src/lib/components/docs/examples/button/ButtonDemoIcon.svelte +0 -9
- package/templates/sveltekit/src/lib/components/docs/examples/button/ButtonDemoLink.svelte +0 -5
- package/templates/sveltekit/src/lib/components/docs/examples/button/ButtonDemoLoading.svelte +0 -9
- package/templates/sveltekit/src/lib/components/docs/examples/button/ButtonDemoOutline.svelte +0 -5
- package/templates/sveltekit/src/lib/components/docs/examples/button/ButtonDemoSecondary.svelte +0 -5
- package/templates/sveltekit/src/lib/components/docs/examples/button/index.ts +0 -8
- package/templates/sveltekit/src/lib/components/docs/examples/card/CardDemo.svelte +0 -65
- package/templates/sveltekit/src/lib/components/docs/examples/card/CardDemoForm.svelte +0 -0
- package/templates/sveltekit/src/lib/components/docs/examples/card/index.ts +0 -2
- package/templates/sveltekit/src/lib/components/docs/examples/checkbox/CheckboxDemo.svelte +0 -13
- package/templates/sveltekit/src/lib/components/docs/examples/checkbox/CheckboxDemoDisabled.svelte +0 -13
- package/templates/sveltekit/src/lib/components/docs/examples/checkbox/CheckboxDemoText.svelte +0 -18
- package/templates/sveltekit/src/lib/components/docs/examples/checkbox/index.ts +0 -3
- package/templates/sveltekit/src/lib/components/docs/examples/collapsible/CollapsibleDemo.svelte +0 -24
- package/templates/sveltekit/src/lib/components/docs/examples/collapsible/index.ts +0 -1
- package/templates/sveltekit/src/lib/components/docs/examples/dialog/DialogDemo.svelte +0 -41
- package/templates/sveltekit/src/lib/components/docs/examples/dialog/index.ts +0 -1
- package/templates/sveltekit/src/lib/components/docs/examples/hover-card/HoverCardDemo.svelte +0 -28
- package/templates/sveltekit/src/lib/components/docs/examples/hover-card/index.ts +0 -1
- package/templates/sveltekit/src/lib/components/docs/examples/index.ts +0 -27
- package/templates/sveltekit/src/lib/components/docs/examples/input/InputDemo.svelte +0 -5
- package/templates/sveltekit/src/lib/components/docs/examples/input/InputDemoButton.svelte +0 -9
- package/templates/sveltekit/src/lib/components/docs/examples/input/InputDemoDisabled.svelte +0 -5
- package/templates/sveltekit/src/lib/components/docs/examples/input/InputDemoFile.svelte +0 -9
- package/templates/sveltekit/src/lib/components/docs/examples/input/InputDemoLabel.svelte +0 -9
- package/templates/sveltekit/src/lib/components/docs/examples/input/InputDemoText.svelte +0 -10
- package/templates/sveltekit/src/lib/components/docs/examples/input/index.ts +0 -6
- package/templates/sveltekit/src/lib/components/docs/examples/label/LabelDemo.svelte +0 -11
- package/templates/sveltekit/src/lib/components/docs/examples/label/index.ts +0 -1
- package/templates/sveltekit/src/lib/components/docs/examples/progress/ProgressDemo.svelte +0 -12
- package/templates/sveltekit/src/lib/components/docs/examples/progress/index.ts +0 -1
- package/templates/sveltekit/src/lib/components/docs/examples/radio-group/RadioGroupDemo.svelte +0 -19
- package/templates/sveltekit/src/lib/components/docs/examples/radio-group/index.ts +0 -1
- package/templates/sveltekit/src/lib/components/docs/examples/separator/SeparatorDemo.svelte +0 -18
- package/templates/sveltekit/src/lib/components/docs/examples/separator/index.ts +0 -1
- package/templates/sveltekit/src/lib/components/docs/examples/sheet/SheetDemo.svelte +0 -44
- package/templates/sveltekit/src/lib/components/docs/examples/sheet/SheetPositionDemo.svelte +0 -62
- package/templates/sveltekit/src/lib/components/docs/examples/sheet/SheetSizeDemo.svelte +0 -62
- package/templates/sveltekit/src/lib/components/docs/examples/sheet/index.ts +0 -3
- package/templates/sveltekit/src/lib/components/docs/examples/skeleton/SkeletonDemo.svelte +0 -11
- package/templates/sveltekit/src/lib/components/docs/examples/skeleton/index.ts +0 -1
- package/templates/sveltekit/src/lib/components/docs/examples/slider/SliderDemo.svelte +0 -5
- package/templates/sveltekit/src/lib/components/docs/examples/slider/index.ts +0 -1
- package/templates/sveltekit/src/lib/components/docs/examples/switch/SwitchDemo.svelte +0 -9
- package/templates/sveltekit/src/lib/components/docs/examples/switch/index.ts +0 -1
- package/templates/sveltekit/src/lib/components/docs/examples/table/TableDemo.svelte +0 -78
- package/templates/sveltekit/src/lib/components/docs/examples/table/index.ts +0 -1
- package/templates/sveltekit/src/lib/components/docs/examples/tabs/TabsDemo.svelte +0 -67
- package/templates/sveltekit/src/lib/components/docs/examples/tabs/index.ts +0 -1
- package/templates/sveltekit/src/lib/components/docs/examples/textarea/TextareaDemo.svelte +0 -5
- package/templates/sveltekit/src/lib/components/docs/examples/textarea/TextareaDemoButton.svelte +0 -9
- package/templates/sveltekit/src/lib/components/docs/examples/textarea/TextareaDemoDisabled.svelte +0 -5
- package/templates/sveltekit/src/lib/components/docs/examples/textarea/TextareaDemoLabel.svelte +0 -9
- package/templates/sveltekit/src/lib/components/docs/examples/textarea/TextareaDemoText.svelte +0 -10
- package/templates/sveltekit/src/lib/components/docs/examples/textarea/index.ts +0 -5
- package/templates/sveltekit/src/lib/components/docs/examples/toggle/ToggleDemo.svelte +0 -8
- package/templates/sveltekit/src/lib/components/docs/examples/toggle/ToggleDemoDisabled.svelte +0 -8
- package/templates/sveltekit/src/lib/components/docs/examples/toggle/ToggleDemoLg.svelte +0 -8
- package/templates/sveltekit/src/lib/components/docs/examples/toggle/ToggleDemoOutline.svelte +0 -8
- package/templates/sveltekit/src/lib/components/docs/examples/toggle/ToggleDemoSm.svelte +0 -8
- package/templates/sveltekit/src/lib/components/docs/examples/toggle/ToggleDemoText.svelte +0 -9
- package/templates/sveltekit/src/lib/components/docs/examples/toggle/index.ts +0 -6
- package/templates/sveltekit/src/lib/components/docs/examples/tooltip/TooltipDemo.svelte +0 -19
- package/templates/sveltekit/src/lib/components/docs/examples/tooltip/index.ts +0 -1
- package/templates/sveltekit/src/lib/components/docs/examples/typography/BlockquoteDemo.svelte +0 -4
- package/templates/sveltekit/src/lib/components/docs/examples/typography/H1Demo.svelte +0 -3
- package/templates/sveltekit/src/lib/components/docs/examples/typography/H2Demo.svelte +0 -5
- package/templates/sveltekit/src/lib/components/docs/examples/typography/H3Demo.svelte +0 -1
- package/templates/sveltekit/src/lib/components/docs/examples/typography/H4Demo.svelte +0 -1
- package/templates/sveltekit/src/lib/components/docs/examples/typography/InlineCodeDemo.svelte +0 -3
- package/templates/sveltekit/src/lib/components/docs/examples/typography/LargeDemo.svelte +0 -1
- package/templates/sveltekit/src/lib/components/docs/examples/typography/LeadDemo.svelte +0 -3
- package/templates/sveltekit/src/lib/components/docs/examples/typography/ListDemo.svelte +0 -5
- package/templates/sveltekit/src/lib/components/docs/examples/typography/MutedDemo.svelte +0 -1
- package/templates/sveltekit/src/lib/components/docs/examples/typography/PDemo.svelte +0 -4
- package/templates/sveltekit/src/lib/components/docs/examples/typography/SmallDemo.svelte +0 -1
- package/templates/sveltekit/src/lib/components/docs/examples/typography/TableDemo.svelte +0 -56
- package/templates/sveltekit/src/lib/components/docs/examples/typography/TypographyDemo.svelte +0 -117
- package/templates/sveltekit/src/lib/components/docs/examples/typography/index.ts +0 -14
- package/templates/sveltekit/src/lib/components/docs/mdsvex/a.svelte +0 -12
- package/templates/sveltekit/src/lib/components/docs/mdsvex/blockquote.svelte +0 -10
- package/templates/sveltekit/src/lib/components/docs/mdsvex/h1.svelte +0 -10
- package/templates/sveltekit/src/lib/components/docs/mdsvex/h2.svelte +0 -16
- package/templates/sveltekit/src/lib/components/docs/mdsvex/h3.svelte +0 -10
- package/templates/sveltekit/src/lib/components/docs/mdsvex/h4.svelte +0 -10
- package/templates/sveltekit/src/lib/components/docs/mdsvex/h5.svelte +0 -10
- package/templates/sveltekit/src/lib/components/docs/mdsvex/h6.svelte +0 -13
- package/templates/sveltekit/src/lib/components/docs/mdsvex/hr.svelte +0 -8
- package/templates/sveltekit/src/lib/components/docs/mdsvex/img.svelte +0 -11
- package/templates/sveltekit/src/lib/components/docs/mdsvex/index.ts +0 -19
- package/templates/sveltekit/src/lib/components/docs/mdsvex/li.svelte +0 -10
- package/templates/sveltekit/src/lib/components/docs/mdsvex/mdsvex.svelte +0 -37
- package/templates/sveltekit/src/lib/components/docs/mdsvex/ol.svelte +0 -10
- package/templates/sveltekit/src/lib/components/docs/mdsvex/p.svelte +0 -10
- package/templates/sveltekit/src/lib/components/docs/mdsvex/pre.svelte +0 -24
- package/templates/sveltekit/src/lib/components/docs/mdsvex/table.svelte +0 -12
- package/templates/sveltekit/src/lib/components/docs/mdsvex/td.svelte +0 -16
- package/templates/sveltekit/src/lib/components/docs/mdsvex/th.svelte +0 -16
- package/templates/sveltekit/src/lib/components/docs/mdsvex/tr.svelte +0 -10
- package/templates/sveltekit/src/lib/components/docs/mdsvex/ul.svelte +0 -10
- package/templates/sveltekit/src/lib/components/docs/nav/DocsSidebarNav.svelte +0 -24
- package/templates/sveltekit/src/lib/components/docs/nav/DocsSidebarNavItems.svelte +0 -43
- package/templates/sveltekit/src/lib/components/docs/nav/MainNav.svelte +0 -31
- package/templates/sveltekit/src/lib/components/docs/nav/MobileLink.svelte +0 -19
- package/templates/sveltekit/src/lib/components/docs/nav/MobileNav.svelte +0 -56
- package/templates/sveltekit/src/lib/components/docs/nav/index.ts +0 -4
- package/templates/sveltekit/src/lib/components/docs/page-header/PageHeader.svelte +0 -13
- package/templates/sveltekit/src/lib/components/docs/page-header/PageHeaderDescription.svelte +0 -13
- package/templates/sveltekit/src/lib/components/docs/page-header/PageHeaderHeading.svelte +0 -16
- package/templates/sveltekit/src/lib/components/docs/page-header/index.ts +0 -3
|
@@ -231,9 +231,12 @@ dependencies = [
|
|
|
231
231
|
|
|
232
232
|
[[package]]
|
|
233
233
|
name = "cc"
|
|
234
|
-
version = "1.0.
|
|
234
|
+
version = "1.0.81"
|
|
235
235
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
|
236
|
-
checksum = "
|
|
236
|
+
checksum = "6c6b2562119bf28c3439f7f02db99faf0aa1a8cdfe5772a2ee155d32227239f0"
|
|
237
|
+
dependencies = [
|
|
238
|
+
"libc",
|
|
239
|
+
]
|
|
237
240
|
|
|
238
241
|
[[package]]
|
|
239
242
|
name = "cesu8"
|
|
@@ -495,9 +498,9 @@ dependencies = [
|
|
|
495
498
|
|
|
496
499
|
[[package]]
|
|
497
500
|
name = "deranged"
|
|
498
|
-
version = "0.3.
|
|
501
|
+
version = "0.3.7"
|
|
499
502
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
|
500
|
-
checksum = "
|
|
503
|
+
checksum = "7684a49fb1af197853ef7b2ee694bc1f5b4179556f1e5710e1760c5db6f5e929"
|
|
501
504
|
dependencies = [
|
|
502
505
|
"serde",
|
|
503
506
|
]
|
|
@@ -1437,9 +1440,9 @@ dependencies = [
|
|
|
1437
1440
|
|
|
1438
1441
|
[[package]]
|
|
1439
1442
|
name = "linux-raw-sys"
|
|
1440
|
-
version = "0.4.
|
|
1443
|
+
version = "0.4.5"
|
|
1441
1444
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
|
1442
|
-
checksum = "
|
|
1445
|
+
checksum = "57bcfdad1b858c2db7c38303a6d2ad4dfaf5eb53dfeb0910128b2c26d6158503"
|
|
1443
1446
|
|
|
1444
1447
|
[[package]]
|
|
1445
1448
|
name = "lock_api"
|
|
@@ -2246,9 +2249,9 @@ dependencies = [
|
|
|
2246
2249
|
|
|
2247
2250
|
[[package]]
|
|
2248
2251
|
name = "rustix"
|
|
2249
|
-
version = "0.38.
|
|
2252
|
+
version = "0.38.6"
|
|
2250
2253
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
|
2251
|
-
checksum = "
|
|
2254
|
+
checksum = "1ee020b1716f0a80e2ace9b03441a749e402e86712f15f16fe8a8f75afac732f"
|
|
2252
2255
|
dependencies = [
|
|
2253
2256
|
"bitflags 2.3.3",
|
|
2254
2257
|
"errno",
|
|
@@ -2327,18 +2330,18 @@ dependencies = [
|
|
|
2327
2330
|
|
|
2328
2331
|
[[package]]
|
|
2329
2332
|
name = "serde"
|
|
2330
|
-
version = "1.0.
|
|
2333
|
+
version = "1.0.180"
|
|
2331
2334
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
|
2332
|
-
checksum = "
|
|
2335
|
+
checksum = "0ea67f183f058fe88a4e3ec6e2788e003840893b91bac4559cabedd00863b3ed"
|
|
2333
2336
|
dependencies = [
|
|
2334
2337
|
"serde_derive",
|
|
2335
2338
|
]
|
|
2336
2339
|
|
|
2337
2340
|
[[package]]
|
|
2338
2341
|
name = "serde_derive"
|
|
2339
|
-
version = "1.0.
|
|
2342
|
+
version = "1.0.180"
|
|
2340
2343
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
|
2341
|
-
checksum = "
|
|
2344
|
+
checksum = "24e744d7782b686ab3b73267ef05697159cc0e5abbed3f47f9933165e5219036"
|
|
2342
2345
|
dependencies = [
|
|
2343
2346
|
"proc-macro2",
|
|
2344
2347
|
"quote",
|
|
@@ -2706,9 +2709,9 @@ dependencies = [
|
|
|
2706
2709
|
|
|
2707
2710
|
[[package]]
|
|
2708
2711
|
name = "target-lexicon"
|
|
2709
|
-
version = "0.12.
|
|
2712
|
+
version = "0.12.11"
|
|
2710
2713
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
|
2711
|
-
checksum = "
|
|
2714
|
+
checksum = "9d0e916b1148c8e263850e1ebcbd046f333e0683c724876bb0da63ea4373dc8a"
|
|
2712
2715
|
|
|
2713
2716
|
[[package]]
|
|
2714
2717
|
name = "tauri"
|
|
@@ -3027,9 +3030,9 @@ dependencies = [
|
|
|
3027
3030
|
|
|
3028
3031
|
[[package]]
|
|
3029
3032
|
name = "time"
|
|
3030
|
-
version = "0.3.
|
|
3033
|
+
version = "0.3.25"
|
|
3031
3034
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
|
3032
|
-
checksum = "
|
|
3035
|
+
checksum = "b0fdd63d58b18d663fbdf70e049f00a22c8e42be082203be7f26589213cd75ea"
|
|
3033
3036
|
dependencies = [
|
|
3034
3037
|
"deranged",
|
|
3035
3038
|
"itoa 1.0.9",
|
|
@@ -3745,9 +3748,9 @@ checksum = "1a515f5799fe4961cb532f983ce2b23082366b898e52ffbce459c86f67c8378a"
|
|
|
3745
3748
|
|
|
3746
3749
|
[[package]]
|
|
3747
3750
|
name = "winnow"
|
|
3748
|
-
version = "0.5.
|
|
3751
|
+
version = "0.5.3"
|
|
3749
3752
|
source = "registry+https://github.com/rust-lang/crates.io-index"
|
|
3750
|
-
checksum = "
|
|
3753
|
+
checksum = "f46aab759304e4d7b2075a9aecba26228bb073ee8c50db796b2c72c676b5d807"
|
|
3751
3754
|
dependencies = [
|
|
3752
3755
|
"memchr",
|
|
3753
3756
|
]
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: CLI
|
|
3
|
-
description: Use the CLI to add components to your project.
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
## init
|
|
7
|
-
|
|
8
|
-
Use the `init` command to initialize dependencies for a new project.
|
|
9
|
-
|
|
10
|
-
The `init` command installs dependencies, adds the `cn` util, configures `tailwind.config.cjs`, and creates CSS variables for the project.
|
|
11
|
-
|
|
12
|
-
```bash
|
|
13
|
-
npx shadcn-svelte init
|
|
14
|
-
```
|
|
15
|
-
|
|
16
|
-
## add
|
|
17
|
-
|
|
18
|
-
Use the `add` command to add components to your project.
|
|
19
|
-
|
|
20
|
-
The `add` command adds a component to your project and installs all required dependencies.
|
|
21
|
-
|
|
22
|
-
```bash
|
|
23
|
-
npx shadcn-svelte add [component]
|
|
24
|
-
```
|
|
25
|
-
|
|
26
|
-
You will be prompted to set an installation path for the component. The default path is `src/lib/components/ui`. The path will be stored in your `svelte.config.js` file and remembered on subsequent component installations.
|
|
27
|
-
|
|
28
|
-
```js title="svelte.config.js" {17-19}
|
|
29
|
-
const config = {
|
|
30
|
-
preprocess: [
|
|
31
|
-
vitePreprocess(),
|
|
32
|
-
preprocess({
|
|
33
|
-
postcss: true
|
|
34
|
-
}),
|
|
35
|
-
mdsvex(mdsvexOptions)
|
|
36
|
-
],
|
|
37
|
-
extensions: ['.svelte', '.md'],
|
|
38
|
-
kit: {
|
|
39
|
-
adapter: adapter(),
|
|
40
|
-
alias: {
|
|
41
|
-
$components: 'src/lib/components',
|
|
42
|
-
'$components/*': 'src/lib/components/*'
|
|
43
|
-
}
|
|
44
|
-
},
|
|
45
|
-
shadcn: {
|
|
46
|
-
componentPath: './src/lib/components/ui'
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
```
|
|
50
|
-
|
|
51
|
-
To change the installation path, simply update the `componentPath` value in your `svelte.config.js` file.
|
|
52
|
-
|
|
53
|
-
### Example
|
|
54
|
-
|
|
55
|
-
```bash
|
|
56
|
-
npx shadcn-svelte add alert-dialog
|
|
57
|
-
```
|
|
58
|
-
|
|
59
|
-
You can also run the command without any arguments to view a list of all available components:
|
|
60
|
-
|
|
61
|
-
```bash
|
|
62
|
-
npx shadcn-svelte add
|
|
63
|
-
```
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: Accordion
|
|
3
|
-
description: A vertically stacked set of interactive headings that each reveal a section of content.
|
|
4
|
-
component: true
|
|
5
|
-
source: https://github.com/huntabyte/shadcn-svelte/tree/main/apps/www/src/lib/components/ui/accordion
|
|
6
|
-
radix: https://www.radix-svelte.com/docs/accordion
|
|
7
|
-
---
|
|
8
|
-
|
|
9
|
-
<script>
|
|
10
|
-
import { AccordionDemo, ComponentExample, ManualInstall } from '$components/docs';
|
|
11
|
-
</script>
|
|
12
|
-
|
|
13
|
-
<ComponentExample src="src/lib/components/docs/examples/accordion/AccordionDemo.svelte">
|
|
14
|
-
|
|
15
|
-
<div slot="example" style="max-width: 70%; width: 100%;">
|
|
16
|
-
<AccordionDemo />
|
|
17
|
-
</div>
|
|
18
|
-
|
|
19
|
-
</ComponentExample>
|
|
20
|
-
|
|
21
|
-
## Installation
|
|
22
|
-
|
|
23
|
-
```bash
|
|
24
|
-
npx shadcn-svelte add accordion
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
<ManualInstall>
|
|
28
|
-
|
|
29
|
-
1. Install `radix-svelte`:
|
|
30
|
-
|
|
31
|
-
```bash
|
|
32
|
-
npm install radix-svelte
|
|
33
|
-
```
|
|
34
|
-
|
|
35
|
-
2. Copy and paste the component source files linked at the top of this page into your project.
|
|
36
|
-
|
|
37
|
-
</ManualInstall>
|
|
38
|
-
|
|
39
|
-
## Usage
|
|
40
|
-
|
|
41
|
-
```svelte
|
|
42
|
-
<script lang="ts">
|
|
43
|
-
import {
|
|
44
|
-
Accordion,
|
|
45
|
-
AccordionContent,
|
|
46
|
-
AccordionItem,
|
|
47
|
-
AccordionTrigger
|
|
48
|
-
} from '$components/ui/accordion';
|
|
49
|
-
</script>
|
|
50
|
-
```
|
|
51
|
-
|
|
52
|
-
```svelte
|
|
53
|
-
<Accordion type="single" collapsible>
|
|
54
|
-
<AccordionItem value="item-1">
|
|
55
|
-
<AccordionTrigger>Is it accessible?</AccordionTrigger>
|
|
56
|
-
<AccordionContent>Yes. It adheres to the WAI-ARIA design pattern.</AccordionContent>
|
|
57
|
-
</AccordionItem>
|
|
58
|
-
</Accordion>
|
|
59
|
-
```
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: Alert Dialog
|
|
3
|
-
description: A modal dialog that interrupts the user with important content and expects a response.
|
|
4
|
-
featured: true
|
|
5
|
-
component: true
|
|
6
|
-
source: https://github.com/huntabyte/shadcn-svelte/tree/main/apps/www/src/lib/components/ui/alert-dialog
|
|
7
|
-
radix: https://www.radix-svelte.com/docs/alertdialog
|
|
8
|
-
---
|
|
9
|
-
|
|
10
|
-
<script>
|
|
11
|
-
import { AlertDialogDemo, ComponentExample, ManualInstall } from '$components/docs';
|
|
12
|
-
</script>
|
|
13
|
-
|
|
14
|
-
<ComponentExample src="src/lib/components/docs/examples/alert-dialog/AlertDialogDemo.svelte">
|
|
15
|
-
|
|
16
|
-
<div slot="example">
|
|
17
|
-
<AlertDialogDemo />
|
|
18
|
-
</div>
|
|
19
|
-
|
|
20
|
-
</ComponentExample>
|
|
21
|
-
|
|
22
|
-
## Installation
|
|
23
|
-
|
|
24
|
-
```bash
|
|
25
|
-
npx shadcn-svelte add alert-dialog
|
|
26
|
-
```
|
|
27
|
-
|
|
28
|
-
<ManualInstall>
|
|
29
|
-
|
|
30
|
-
1. Install `radix-svelte`:
|
|
31
|
-
|
|
32
|
-
```bash
|
|
33
|
-
npm install radix-svelte
|
|
34
|
-
```
|
|
35
|
-
|
|
36
|
-
2. Copy and paste the component source files linked at the top of this page into your project.
|
|
37
|
-
|
|
38
|
-
</ManualInstall>
|
|
39
|
-
|
|
40
|
-
## Usage
|
|
41
|
-
|
|
42
|
-
```svelte
|
|
43
|
-
<script lang="ts">
|
|
44
|
-
import {
|
|
45
|
-
AlertDialog,
|
|
46
|
-
AlertDialogAction,
|
|
47
|
-
AlertDialogCancel,
|
|
48
|
-
AlertDialogContent,
|
|
49
|
-
AlertDialogDescription,
|
|
50
|
-
AlertDialogFooter,
|
|
51
|
-
AlertDialogHeader,
|
|
52
|
-
AlertDialogTitle,
|
|
53
|
-
AlertDialogTrigger
|
|
54
|
-
} from '$components/ui/alert-dialog';
|
|
55
|
-
</script>
|
|
56
|
-
```
|
|
57
|
-
|
|
58
|
-
```svelte
|
|
59
|
-
<AlertDialog>
|
|
60
|
-
<AlertDialogTrigger>Open</AlertDialogTrigger>
|
|
61
|
-
<AlertDialogContent>
|
|
62
|
-
<AlertDialogHeader>
|
|
63
|
-
<AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
|
|
64
|
-
<AlertDialogDescription>
|
|
65
|
-
This action cannot be undone. This will permanently delete your account and remove your data
|
|
66
|
-
from our servers.
|
|
67
|
-
</AlertDialogDescription>
|
|
68
|
-
</AlertDialogHeader>
|
|
69
|
-
<AlertDialogFooter>
|
|
70
|
-
<AlertDialogCancel>Cancel</AlertDialogCancel>
|
|
71
|
-
<AlertDialogAction>Continue</AlertDialogAction>
|
|
72
|
-
</AlertDialogFooter>
|
|
73
|
-
</AlertDialogContent>
|
|
74
|
-
</AlertDialog>
|
|
75
|
-
```
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: Alert
|
|
3
|
-
description: Displays a callout for user attention.
|
|
4
|
-
component: true
|
|
5
|
-
source: https://github.com/huntabyte/shadcn-svelte/tree/main/apps/www/src/lib/components/ui/alert
|
|
6
|
-
---
|
|
7
|
-
|
|
8
|
-
<script>
|
|
9
|
-
import { AlertDemo, AlertDemoDestructive, ComponentExample, ManualInstall } from '$components/docs';
|
|
10
|
-
</script>
|
|
11
|
-
|
|
12
|
-
<ComponentExample src="src/lib/components/docs/examples/alert/AlertDemo.svelte">
|
|
13
|
-
|
|
14
|
-
<div slot="example" style="width: 100%;">
|
|
15
|
-
<AlertDemo />
|
|
16
|
-
</div>
|
|
17
|
-
|
|
18
|
-
</ComponentExample>
|
|
19
|
-
|
|
20
|
-
## Installation
|
|
21
|
-
|
|
22
|
-
```bash
|
|
23
|
-
npx shadcn-svelte add alert
|
|
24
|
-
```
|
|
25
|
-
|
|
26
|
-
<ManualInstall>
|
|
27
|
-
|
|
28
|
-
1. Copy and paste the component source files linked at the top of this page into your project.
|
|
29
|
-
|
|
30
|
-
</ManualInstall>
|
|
31
|
-
|
|
32
|
-
## Usage
|
|
33
|
-
|
|
34
|
-
```svelte
|
|
35
|
-
<script lang="ts">
|
|
36
|
-
import { Alert, AlertDescription, AlertTitle } from '$components/ui/alert';
|
|
37
|
-
</script>
|
|
38
|
-
```
|
|
39
|
-
|
|
40
|
-
```svelte
|
|
41
|
-
<Alert>
|
|
42
|
-
<AlertTitle>Heads up!</AlertTitle>
|
|
43
|
-
<AlertDescription>You can add components to your app using the cli.</AlertDescription>
|
|
44
|
-
</Alert>
|
|
45
|
-
```
|
|
46
|
-
|
|
47
|
-
## Examples
|
|
48
|
-
|
|
49
|
-
### Default
|
|
50
|
-
|
|
51
|
-
<ComponentExample src="src/lib/components/docs/examples/alert/AlertDemo.svelte">
|
|
52
|
-
|
|
53
|
-
<div slot="example" style="width: 100%;">
|
|
54
|
-
<AlertDemo />
|
|
55
|
-
</div>
|
|
56
|
-
|
|
57
|
-
</ComponentExample>
|
|
58
|
-
|
|
59
|
-
### Destructive
|
|
60
|
-
|
|
61
|
-
<ComponentExample src="src/lib/components/docs/examples/alert/AlertDemoDestructive.svelte">
|
|
62
|
-
|
|
63
|
-
<div slot="example" style="width: 100%;">
|
|
64
|
-
<AlertDemoDestructive />
|
|
65
|
-
</div>
|
|
66
|
-
|
|
67
|
-
</ComponentExample>
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: Aspect Ratio
|
|
3
|
-
description: Displays content within a desired ratio.
|
|
4
|
-
component: true
|
|
5
|
-
source: https://github.com/huntabyte/shadcn-svelte/tree/main/apps/www/src/lib/components/ui/aspect-ratio
|
|
6
|
-
radix: https://www.radix-svelte.com/docs/aspect-ratio
|
|
7
|
-
---
|
|
8
|
-
|
|
9
|
-
<script>
|
|
10
|
-
import { AspectRatioDemo, ComponentExample, ManualInstall } from '$components/docs';
|
|
11
|
-
</script>
|
|
12
|
-
|
|
13
|
-
<ComponentExample src="src/lib/components/docs/examples/aspect-ratio/AspectRatioDemo.svelte">
|
|
14
|
-
|
|
15
|
-
<div slot="example" style="width: 100%;">
|
|
16
|
-
<AspectRatioDemo />
|
|
17
|
-
</div>
|
|
18
|
-
|
|
19
|
-
</ComponentExample>
|
|
20
|
-
|
|
21
|
-
## Installation
|
|
22
|
-
|
|
23
|
-
```bash
|
|
24
|
-
npx shadcn-svelte add aspect-ratio
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
<ManualInstall>
|
|
28
|
-
|
|
29
|
-
1. Install `radix-svelte`:
|
|
30
|
-
|
|
31
|
-
```bash
|
|
32
|
-
npm install radix-svelte
|
|
33
|
-
```
|
|
34
|
-
|
|
35
|
-
2. Copy and paste the component source files linked at the top of this page into your project.
|
|
36
|
-
|
|
37
|
-
</ManualInstall>
|
|
38
|
-
|
|
39
|
-
## Usage
|
|
40
|
-
|
|
41
|
-
```svelte
|
|
42
|
-
<script lang="ts">
|
|
43
|
-
import { AspectRatio } from '$components/ui/aspect-ratio';
|
|
44
|
-
</script>
|
|
45
|
-
```
|
|
46
|
-
|
|
47
|
-
```svelte
|
|
48
|
-
<AspectRatio ratio={16 / 9} class="bg-muted">
|
|
49
|
-
<img src="..." alt="..." class="rounded-md object-cover" />
|
|
50
|
-
</AspectRatio>
|
|
51
|
-
```
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: Avatar
|
|
3
|
-
description: An image element with a fallback for representing the user.
|
|
4
|
-
component: true
|
|
5
|
-
source: https://github.com/huntabyte/shadcn-svelte/tree/main/apps/www/src/lib/components/ui/avatar
|
|
6
|
-
radix: https://www.radix-svelte.com/docs/avatar
|
|
7
|
-
---
|
|
8
|
-
|
|
9
|
-
<script>
|
|
10
|
-
import { AvatarDemo, ComponentExample, ManualInstall } from '$lib/components/docs';
|
|
11
|
-
</script>
|
|
12
|
-
|
|
13
|
-
<ComponentExample src="src/lib/components/docs/examples/avatar/AvatarDemo.svelte">
|
|
14
|
-
|
|
15
|
-
<div slot="example">
|
|
16
|
-
<AvatarDemo />
|
|
17
|
-
</div>
|
|
18
|
-
|
|
19
|
-
</ComponentExample>
|
|
20
|
-
|
|
21
|
-
## Installation
|
|
22
|
-
|
|
23
|
-
```bash
|
|
24
|
-
npx shadcn-svelte add avatar
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
<ManualInstall>
|
|
28
|
-
|
|
29
|
-
1. Install `radix-svelte`:
|
|
30
|
-
|
|
31
|
-
```bash
|
|
32
|
-
npm install radix-svelte
|
|
33
|
-
```
|
|
34
|
-
|
|
35
|
-
2. Copy and paste the component source files linked at the top of this page into your project.
|
|
36
|
-
|
|
37
|
-
</ManualInstall>
|
|
38
|
-
|
|
39
|
-
## Usage
|
|
40
|
-
|
|
41
|
-
```svelte
|
|
42
|
-
<script lang="ts">
|
|
43
|
-
import { Avatar, AvatarFallback, AvatarImage } from '$components/ui/avatar';
|
|
44
|
-
</script>
|
|
45
|
-
```
|
|
46
|
-
|
|
47
|
-
```svelte
|
|
48
|
-
<Avatar>
|
|
49
|
-
<AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />
|
|
50
|
-
<AvatarFallback>CN</AvatarFallback>
|
|
51
|
-
</Avatar>
|
|
52
|
-
```
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: Badge
|
|
3
|
-
description: Displays a badge or a component that looks like a badge.
|
|
4
|
-
component: true
|
|
5
|
-
source: https://github.com/huntabyte/shadcn-svelte/tree/main/apps/www/src/lib/components/ui/badge
|
|
6
|
-
---
|
|
7
|
-
|
|
8
|
-
<script>
|
|
9
|
-
import { BadgeDemo, BadgeDemoDestructive, BadgeDemoOutline, BadgeDemoSecondary, ComponentExample, ManualInstall } from '$lib/components/docs';
|
|
10
|
-
</script>
|
|
11
|
-
|
|
12
|
-
<ComponentExample src="src/lib/components/docs/examples/badge/BadgeDemo.svelte">
|
|
13
|
-
|
|
14
|
-
<div slot="example">
|
|
15
|
-
<BadgeDemo />
|
|
16
|
-
</div>
|
|
17
|
-
|
|
18
|
-
</ComponentExample>
|
|
19
|
-
|
|
20
|
-
## Installation
|
|
21
|
-
|
|
22
|
-
```bash
|
|
23
|
-
npx shadcn-svelte add badge
|
|
24
|
-
```
|
|
25
|
-
|
|
26
|
-
<ManualInstall>
|
|
27
|
-
|
|
28
|
-
1. Copy and paste the component source files linked at the top of this page into your project.
|
|
29
|
-
|
|
30
|
-
</ManualInstall>
|
|
31
|
-
|
|
32
|
-
## Usage
|
|
33
|
-
|
|
34
|
-
```svelte
|
|
35
|
-
<script lang="ts">
|
|
36
|
-
import { Badge } from '$components/ui/badge';
|
|
37
|
-
</script>
|
|
38
|
-
```
|
|
39
|
-
|
|
40
|
-
```svelte
|
|
41
|
-
<Badge variant="outline">Badge</Badge>
|
|
42
|
-
```
|
|
43
|
-
|
|
44
|
-
### Link
|
|
45
|
-
|
|
46
|
-
You can use the `badgeVariants` helper to create a link that looks like a badge.
|
|
47
|
-
|
|
48
|
-
```svelte
|
|
49
|
-
<script lang="ts">
|
|
50
|
-
import { badgeVariants } from '$components/ui/badge';
|
|
51
|
-
</script>
|
|
52
|
-
```
|
|
53
|
-
|
|
54
|
-
```svelte
|
|
55
|
-
<a href="/dashboard" class={badgeVariants({ variant: 'outline' })}>Badge</a>
|
|
56
|
-
```
|
|
57
|
-
|
|
58
|
-
## Examples
|
|
59
|
-
|
|
60
|
-
### Default
|
|
61
|
-
|
|
62
|
-
<ComponentExample src="src/lib/components/docs/examples/badge/BadgeDemo.svelte">
|
|
63
|
-
|
|
64
|
-
<div slot="example">
|
|
65
|
-
<BadgeDemo />
|
|
66
|
-
</div>
|
|
67
|
-
|
|
68
|
-
</ComponentExample>
|
|
69
|
-
|
|
70
|
-
---
|
|
71
|
-
|
|
72
|
-
### Secondary
|
|
73
|
-
|
|
74
|
-
<ComponentExample src="src/lib/components/docs/examples/badge/BadgeDemoSecondary.svelte">
|
|
75
|
-
|
|
76
|
-
<div slot="example">
|
|
77
|
-
<BadgeDemoSecondary />
|
|
78
|
-
</div>
|
|
79
|
-
|
|
80
|
-
</ComponentExample>
|
|
81
|
-
|
|
82
|
-
---
|
|
83
|
-
|
|
84
|
-
### Outline
|
|
85
|
-
|
|
86
|
-
<ComponentExample src="src/lib/components/docs/examples/badge/BadgeDemoOutline.svelte">
|
|
87
|
-
|
|
88
|
-
<div slot="example">
|
|
89
|
-
<BadgeDemoOutline />
|
|
90
|
-
</div>
|
|
91
|
-
|
|
92
|
-
</ComponentExample>
|
|
93
|
-
|
|
94
|
-
---
|
|
95
|
-
|
|
96
|
-
### Destructive
|
|
97
|
-
|
|
98
|
-
<ComponentExample src="src/lib/components/docs/examples/badge/BadgeDemoDestructive.svelte">
|
|
99
|
-
|
|
100
|
-
<div slot="example">
|
|
101
|
-
<BadgeDemoDestructive />
|
|
102
|
-
</div>
|
|
103
|
-
|
|
104
|
-
</ComponentExample>
|