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.
Files changed (198) hide show
  1. package/package.json +55 -55
  2. package/templates/.shared/src-tauri/Cargo.lock +15 -12
  3. package/templates/next/package.json +3 -3
  4. package/templates/next/pnpm-lock.yaml +19 -19
  5. package/templates/next/src/components/menu.tsx +3 -2
  6. package/templates/next/src-tauri/Cargo.lock +3835 -3832
  7. package/templates/sveltekit/package.json +6 -5
  8. package/templates/sveltekit/pnpm-lock.yaml +900 -2415
  9. package/templates/sveltekit/src/lib/components/docs/dashboard/DashboardPage.svelte +1 -17
  10. package/templates/sveltekit/src/lib/components/docs/index.ts +1 -18
  11. package/templates/sveltekit/src/routes/+layout.svelte +12 -63
  12. package/templates/sveltekit/src/routes/authentication/+page.svelte +2 -18
  13. package/templates/sveltekit/src/routes/cards/+page.svelte +1 -19
  14. package/templates/sveltekit/src-tauri/Cargo.lock +168 -34
  15. package/templates/sveltekit/src-tauri/Cargo.toml +5 -2
  16. package/templates/sveltekit/src-tauri/src/main.rs +8 -2
  17. package/templates/sveltekit/src-tauri/tauri.conf.json +4 -4
  18. package/templates/sveltekit/tailwind.config.js +4 -1
  19. package/templates/sveltekit/vite.config.js +5 -3
  20. package/templates/vite/package.json +4 -4
  21. package/templates/vite/pnpm-lock.yaml +417 -419
  22. package/templates/vite/src-tauri/Cargo.lock +21 -18
  23. package/templates/sveltekit/src/content/cli.md +0 -63
  24. package/templates/sveltekit/src/content/components/accordion.md +0 -59
  25. package/templates/sveltekit/src/content/components/alert-dialog.md +0 -75
  26. package/templates/sveltekit/src/content/components/alert.md +0 -67
  27. package/templates/sveltekit/src/content/components/aspect-ratio.md +0 -51
  28. package/templates/sveltekit/src/content/components/avatar.md +0 -52
  29. package/templates/sveltekit/src/content/components/badge.md +0 -104
  30. package/templates/sveltekit/src/content/components/button.md +0 -165
  31. package/templates/sveltekit/src/content/components/card.md +0 -82
  32. package/templates/sveltekit/src/content/components/checkbox.md +0 -71
  33. package/templates/sveltekit/src/content/components/collapsible.md +0 -55
  34. package/templates/sveltekit/src/content/components/dialog.md +0 -72
  35. package/templates/sveltekit/src/content/components/hover-card.md +0 -52
  36. package/templates/sveltekit/src/content/components/input.md +0 -114
  37. package/templates/sveltekit/src/content/components/label.md +0 -49
  38. package/templates/sveltekit/src/content/components/progress.md +0 -49
  39. package/templates/sveltekit/src/content/components/radio-group.md +0 -59
  40. package/templates/sveltekit/src/content/components/separator.md +0 -49
  41. package/templates/sveltekit/src/content/components/sheet.md +0 -95
  42. package/templates/sveltekit/src/content/components/skeleton.md +0 -42
  43. package/templates/sveltekit/src/content/components/slider.md +0 -49
  44. package/templates/sveltekit/src/content/components/switch.md +0 -49
  45. package/templates/sveltekit/src/content/components/table.md +0 -78
  46. package/templates/sveltekit/src/content/components/tabs.md +0 -56
  47. package/templates/sveltekit/src/content/components/textarea.md +0 -102
  48. package/templates/sveltekit/src/content/components/toggle.md +0 -121
  49. package/templates/sveltekit/src/content/components/tooltip.md +0 -56
  50. package/templates/sveltekit/src/content/figma.md +0 -22
  51. package/templates/sveltekit/src/content/forms/superforms.md +0 -4
  52. package/templates/sveltekit/src/content/index.md +0 -84
  53. package/templates/sveltekit/src/content/installation.md +0 -327
  54. package/templates/sveltekit/src/content/theming.md +0 -189
  55. package/templates/sveltekit/src/content/typography.md +0 -150
  56. package/templates/sveltekit/src/lib/components/docs/Callout.svelte +0 -17
  57. package/templates/sveltekit/src/lib/components/docs/CodeBlockWrapper.svelte +0 -30
  58. package/templates/sveltekit/src/lib/components/docs/ComponentExample.svelte +0 -55
  59. package/templates/sveltekit/src/lib/components/docs/ComponentSource.svelte +0 -14
  60. package/templates/sveltekit/src/lib/components/docs/CopyButton.svelte +0 -39
  61. package/templates/sveltekit/src/lib/components/docs/DocsPager.svelte +0 -51
  62. package/templates/sveltekit/src/lib/components/docs/HexToChannels.svelte +0 -38
  63. package/templates/sveltekit/src/lib/components/docs/ManualInstall.svelte +0 -17
  64. package/templates/sveltekit/src/lib/components/docs/Metadata.svelte +0 -34
  65. package/templates/sveltekit/src/lib/components/docs/SiteFooter.svelte +0 -42
  66. package/templates/sveltekit/src/lib/components/docs/SiteHeader.svelte +0 -51
  67. package/templates/sveltekit/src/lib/components/docs/Steps.svelte +0 -3
  68. package/templates/sveltekit/src/lib/components/docs/TableOfContents.svelte +0 -55
  69. package/templates/sveltekit/src/lib/components/docs/Tree.svelte +0 -31
  70. package/templates/sveltekit/src/lib/components/docs/examples/accordion/AccordionDemo.svelte +0 -27
  71. package/templates/sveltekit/src/lib/components/docs/examples/accordion/index.ts +0 -1
  72. package/templates/sveltekit/src/lib/components/docs/examples/alert/AlertDemo.svelte +0 -10
  73. package/templates/sveltekit/src/lib/components/docs/examples/alert/AlertDemoDestructive.svelte +0 -10
  74. package/templates/sveltekit/src/lib/components/docs/examples/alert/index.ts +0 -2
  75. package/templates/sveltekit/src/lib/components/docs/examples/alert-dialog/AlertDialogDemo.svelte +0 -33
  76. package/templates/sveltekit/src/lib/components/docs/examples/alert-dialog/index.ts +0 -1
  77. package/templates/sveltekit/src/lib/components/docs/examples/aspect-ratio/AspectRatioDemo.svelte +0 -11
  78. package/templates/sveltekit/src/lib/components/docs/examples/aspect-ratio/index.ts +0 -1
  79. package/templates/sveltekit/src/lib/components/docs/examples/avatar/AvatarDemo.svelte +0 -8
  80. package/templates/sveltekit/src/lib/components/docs/examples/avatar/index.ts +0 -1
  81. package/templates/sveltekit/src/lib/components/docs/examples/badge/BadgeDemo.svelte +0 -5
  82. package/templates/sveltekit/src/lib/components/docs/examples/badge/BadgeDemoDestructive.svelte +0 -5
  83. package/templates/sveltekit/src/lib/components/docs/examples/badge/BadgeDemoOutline.svelte +0 -5
  84. package/templates/sveltekit/src/lib/components/docs/examples/badge/BadgeDemoSecondary.svelte +0 -5
  85. package/templates/sveltekit/src/lib/components/docs/examples/badge/index.ts +0 -4
  86. package/templates/sveltekit/src/lib/components/docs/examples/button/ButtonDemo.svelte +0 -5
  87. package/templates/sveltekit/src/lib/components/docs/examples/button/ButtonDemoDestructive.svelte +0 -5
  88. package/templates/sveltekit/src/lib/components/docs/examples/button/ButtonDemoGhost.svelte +0 -5
  89. package/templates/sveltekit/src/lib/components/docs/examples/button/ButtonDemoIcon.svelte +0 -9
  90. package/templates/sveltekit/src/lib/components/docs/examples/button/ButtonDemoLink.svelte +0 -5
  91. package/templates/sveltekit/src/lib/components/docs/examples/button/ButtonDemoLoading.svelte +0 -9
  92. package/templates/sveltekit/src/lib/components/docs/examples/button/ButtonDemoOutline.svelte +0 -5
  93. package/templates/sveltekit/src/lib/components/docs/examples/button/ButtonDemoSecondary.svelte +0 -5
  94. package/templates/sveltekit/src/lib/components/docs/examples/button/index.ts +0 -8
  95. package/templates/sveltekit/src/lib/components/docs/examples/card/CardDemo.svelte +0 -65
  96. package/templates/sveltekit/src/lib/components/docs/examples/card/CardDemoForm.svelte +0 -0
  97. package/templates/sveltekit/src/lib/components/docs/examples/card/index.ts +0 -2
  98. package/templates/sveltekit/src/lib/components/docs/examples/checkbox/CheckboxDemo.svelte +0 -13
  99. package/templates/sveltekit/src/lib/components/docs/examples/checkbox/CheckboxDemoDisabled.svelte +0 -13
  100. package/templates/sveltekit/src/lib/components/docs/examples/checkbox/CheckboxDemoText.svelte +0 -18
  101. package/templates/sveltekit/src/lib/components/docs/examples/checkbox/index.ts +0 -3
  102. package/templates/sveltekit/src/lib/components/docs/examples/collapsible/CollapsibleDemo.svelte +0 -24
  103. package/templates/sveltekit/src/lib/components/docs/examples/collapsible/index.ts +0 -1
  104. package/templates/sveltekit/src/lib/components/docs/examples/dialog/DialogDemo.svelte +0 -41
  105. package/templates/sveltekit/src/lib/components/docs/examples/dialog/index.ts +0 -1
  106. package/templates/sveltekit/src/lib/components/docs/examples/hover-card/HoverCardDemo.svelte +0 -28
  107. package/templates/sveltekit/src/lib/components/docs/examples/hover-card/index.ts +0 -1
  108. package/templates/sveltekit/src/lib/components/docs/examples/index.ts +0 -27
  109. package/templates/sveltekit/src/lib/components/docs/examples/input/InputDemo.svelte +0 -5
  110. package/templates/sveltekit/src/lib/components/docs/examples/input/InputDemoButton.svelte +0 -9
  111. package/templates/sveltekit/src/lib/components/docs/examples/input/InputDemoDisabled.svelte +0 -5
  112. package/templates/sveltekit/src/lib/components/docs/examples/input/InputDemoFile.svelte +0 -9
  113. package/templates/sveltekit/src/lib/components/docs/examples/input/InputDemoLabel.svelte +0 -9
  114. package/templates/sveltekit/src/lib/components/docs/examples/input/InputDemoText.svelte +0 -10
  115. package/templates/sveltekit/src/lib/components/docs/examples/input/index.ts +0 -6
  116. package/templates/sveltekit/src/lib/components/docs/examples/label/LabelDemo.svelte +0 -11
  117. package/templates/sveltekit/src/lib/components/docs/examples/label/index.ts +0 -1
  118. package/templates/sveltekit/src/lib/components/docs/examples/progress/ProgressDemo.svelte +0 -12
  119. package/templates/sveltekit/src/lib/components/docs/examples/progress/index.ts +0 -1
  120. package/templates/sveltekit/src/lib/components/docs/examples/radio-group/RadioGroupDemo.svelte +0 -19
  121. package/templates/sveltekit/src/lib/components/docs/examples/radio-group/index.ts +0 -1
  122. package/templates/sveltekit/src/lib/components/docs/examples/separator/SeparatorDemo.svelte +0 -18
  123. package/templates/sveltekit/src/lib/components/docs/examples/separator/index.ts +0 -1
  124. package/templates/sveltekit/src/lib/components/docs/examples/sheet/SheetDemo.svelte +0 -44
  125. package/templates/sveltekit/src/lib/components/docs/examples/sheet/SheetPositionDemo.svelte +0 -62
  126. package/templates/sveltekit/src/lib/components/docs/examples/sheet/SheetSizeDemo.svelte +0 -62
  127. package/templates/sveltekit/src/lib/components/docs/examples/sheet/index.ts +0 -3
  128. package/templates/sveltekit/src/lib/components/docs/examples/skeleton/SkeletonDemo.svelte +0 -11
  129. package/templates/sveltekit/src/lib/components/docs/examples/skeleton/index.ts +0 -1
  130. package/templates/sveltekit/src/lib/components/docs/examples/slider/SliderDemo.svelte +0 -5
  131. package/templates/sveltekit/src/lib/components/docs/examples/slider/index.ts +0 -1
  132. package/templates/sveltekit/src/lib/components/docs/examples/switch/SwitchDemo.svelte +0 -9
  133. package/templates/sveltekit/src/lib/components/docs/examples/switch/index.ts +0 -1
  134. package/templates/sveltekit/src/lib/components/docs/examples/table/TableDemo.svelte +0 -78
  135. package/templates/sveltekit/src/lib/components/docs/examples/table/index.ts +0 -1
  136. package/templates/sveltekit/src/lib/components/docs/examples/tabs/TabsDemo.svelte +0 -67
  137. package/templates/sveltekit/src/lib/components/docs/examples/tabs/index.ts +0 -1
  138. package/templates/sveltekit/src/lib/components/docs/examples/textarea/TextareaDemo.svelte +0 -5
  139. package/templates/sveltekit/src/lib/components/docs/examples/textarea/TextareaDemoButton.svelte +0 -9
  140. package/templates/sveltekit/src/lib/components/docs/examples/textarea/TextareaDemoDisabled.svelte +0 -5
  141. package/templates/sveltekit/src/lib/components/docs/examples/textarea/TextareaDemoLabel.svelte +0 -9
  142. package/templates/sveltekit/src/lib/components/docs/examples/textarea/TextareaDemoText.svelte +0 -10
  143. package/templates/sveltekit/src/lib/components/docs/examples/textarea/index.ts +0 -5
  144. package/templates/sveltekit/src/lib/components/docs/examples/toggle/ToggleDemo.svelte +0 -8
  145. package/templates/sveltekit/src/lib/components/docs/examples/toggle/ToggleDemoDisabled.svelte +0 -8
  146. package/templates/sveltekit/src/lib/components/docs/examples/toggle/ToggleDemoLg.svelte +0 -8
  147. package/templates/sveltekit/src/lib/components/docs/examples/toggle/ToggleDemoOutline.svelte +0 -8
  148. package/templates/sveltekit/src/lib/components/docs/examples/toggle/ToggleDemoSm.svelte +0 -8
  149. package/templates/sveltekit/src/lib/components/docs/examples/toggle/ToggleDemoText.svelte +0 -9
  150. package/templates/sveltekit/src/lib/components/docs/examples/toggle/index.ts +0 -6
  151. package/templates/sveltekit/src/lib/components/docs/examples/tooltip/TooltipDemo.svelte +0 -19
  152. package/templates/sveltekit/src/lib/components/docs/examples/tooltip/index.ts +0 -1
  153. package/templates/sveltekit/src/lib/components/docs/examples/typography/BlockquoteDemo.svelte +0 -4
  154. package/templates/sveltekit/src/lib/components/docs/examples/typography/H1Demo.svelte +0 -3
  155. package/templates/sveltekit/src/lib/components/docs/examples/typography/H2Demo.svelte +0 -5
  156. package/templates/sveltekit/src/lib/components/docs/examples/typography/H3Demo.svelte +0 -1
  157. package/templates/sveltekit/src/lib/components/docs/examples/typography/H4Demo.svelte +0 -1
  158. package/templates/sveltekit/src/lib/components/docs/examples/typography/InlineCodeDemo.svelte +0 -3
  159. package/templates/sveltekit/src/lib/components/docs/examples/typography/LargeDemo.svelte +0 -1
  160. package/templates/sveltekit/src/lib/components/docs/examples/typography/LeadDemo.svelte +0 -3
  161. package/templates/sveltekit/src/lib/components/docs/examples/typography/ListDemo.svelte +0 -5
  162. package/templates/sveltekit/src/lib/components/docs/examples/typography/MutedDemo.svelte +0 -1
  163. package/templates/sveltekit/src/lib/components/docs/examples/typography/PDemo.svelte +0 -4
  164. package/templates/sveltekit/src/lib/components/docs/examples/typography/SmallDemo.svelte +0 -1
  165. package/templates/sveltekit/src/lib/components/docs/examples/typography/TableDemo.svelte +0 -56
  166. package/templates/sveltekit/src/lib/components/docs/examples/typography/TypographyDemo.svelte +0 -117
  167. package/templates/sveltekit/src/lib/components/docs/examples/typography/index.ts +0 -14
  168. package/templates/sveltekit/src/lib/components/docs/mdsvex/a.svelte +0 -12
  169. package/templates/sveltekit/src/lib/components/docs/mdsvex/blockquote.svelte +0 -10
  170. package/templates/sveltekit/src/lib/components/docs/mdsvex/h1.svelte +0 -10
  171. package/templates/sveltekit/src/lib/components/docs/mdsvex/h2.svelte +0 -16
  172. package/templates/sveltekit/src/lib/components/docs/mdsvex/h3.svelte +0 -10
  173. package/templates/sveltekit/src/lib/components/docs/mdsvex/h4.svelte +0 -10
  174. package/templates/sveltekit/src/lib/components/docs/mdsvex/h5.svelte +0 -10
  175. package/templates/sveltekit/src/lib/components/docs/mdsvex/h6.svelte +0 -13
  176. package/templates/sveltekit/src/lib/components/docs/mdsvex/hr.svelte +0 -8
  177. package/templates/sveltekit/src/lib/components/docs/mdsvex/img.svelte +0 -11
  178. package/templates/sveltekit/src/lib/components/docs/mdsvex/index.ts +0 -19
  179. package/templates/sveltekit/src/lib/components/docs/mdsvex/li.svelte +0 -10
  180. package/templates/sveltekit/src/lib/components/docs/mdsvex/mdsvex.svelte +0 -37
  181. package/templates/sveltekit/src/lib/components/docs/mdsvex/ol.svelte +0 -10
  182. package/templates/sveltekit/src/lib/components/docs/mdsvex/p.svelte +0 -10
  183. package/templates/sveltekit/src/lib/components/docs/mdsvex/pre.svelte +0 -24
  184. package/templates/sveltekit/src/lib/components/docs/mdsvex/table.svelte +0 -12
  185. package/templates/sveltekit/src/lib/components/docs/mdsvex/td.svelte +0 -16
  186. package/templates/sveltekit/src/lib/components/docs/mdsvex/th.svelte +0 -16
  187. package/templates/sveltekit/src/lib/components/docs/mdsvex/tr.svelte +0 -10
  188. package/templates/sveltekit/src/lib/components/docs/mdsvex/ul.svelte +0 -10
  189. package/templates/sveltekit/src/lib/components/docs/nav/DocsSidebarNav.svelte +0 -24
  190. package/templates/sveltekit/src/lib/components/docs/nav/DocsSidebarNavItems.svelte +0 -43
  191. package/templates/sveltekit/src/lib/components/docs/nav/MainNav.svelte +0 -31
  192. package/templates/sveltekit/src/lib/components/docs/nav/MobileLink.svelte +0 -19
  193. package/templates/sveltekit/src/lib/components/docs/nav/MobileNav.svelte +0 -56
  194. package/templates/sveltekit/src/lib/components/docs/nav/index.ts +0 -4
  195. package/templates/sveltekit/src/lib/components/docs/page-header/PageHeader.svelte +0 -13
  196. package/templates/sveltekit/src/lib/components/docs/page-header/PageHeaderDescription.svelte +0 -13
  197. package/templates/sveltekit/src/lib/components/docs/page-header/PageHeaderHeading.svelte +0 -16
  198. package/templates/sveltekit/src/lib/components/docs/page-header/index.ts +0 -3
@@ -1,10 +0,0 @@
1
- <script lang="ts">
2
- import { Terminal } from 'lucide-svelte';
3
- import { Alert, AlertDescription, AlertTitle } from '$components/ui/alert';
4
- </script>
5
-
6
- <Alert>
7
- <Terminal class="h-4 w-4" />
8
- <AlertTitle>Heads up!</AlertTitle>
9
- <AlertDescription>You can add components to your app using the cli.</AlertDescription>
10
- </Alert>
@@ -1,10 +0,0 @@
1
- <script lang="ts">
2
- import { AlertCircle } from 'lucide-svelte';
3
- import { Alert, AlertDescription, AlertTitle } from '$components/ui/alert';
4
- </script>
5
-
6
- <Alert variant="destructive">
7
- <AlertCircle class="h-4 w-4" />
8
- <AlertTitle>Error</AlertTitle>
9
- <AlertDescription>Your session has expired. Please login again.</AlertDescription>
10
- </Alert>
@@ -1,2 +0,0 @@
1
- export { default as AlertDemo } from './AlertDemo.svelte';
2
- export { default as AlertDemoDestructive } from './AlertDemoDestructive.svelte';
@@ -1,33 +0,0 @@
1
- <script lang="ts">
2
- import {
3
- AlertDialog,
4
- AlertDialogAction,
5
- AlertDialogCancel,
6
- AlertDialogContent,
7
- AlertDialogDescription,
8
- AlertDialogFooter,
9
- AlertDialogHeader,
10
- AlertDialogTitle,
11
- AlertDialogTrigger
12
- } from '$components/ui/alert-dialog';
13
- import { Button } from '$components/ui/button';
14
- </script>
15
-
16
- <AlertDialog>
17
- <AlertDialogTrigger>
18
- <Button variant="outline">Show Dialog</Button>
19
- </AlertDialogTrigger>
20
- <AlertDialogContent>
21
- <AlertDialogHeader>
22
- <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
23
- <AlertDialogDescription>
24
- This action cannot be undone. This will permanently delete your account and remove your data
25
- from our servers.
26
- </AlertDialogDescription>
27
- </AlertDialogHeader>
28
- <AlertDialogFooter>
29
- <AlertDialogCancel>Cancel</AlertDialogCancel>
30
- <AlertDialogAction>Continue</AlertDialogAction>
31
- </AlertDialogFooter>
32
- </AlertDialogContent>
33
- </AlertDialog>
@@ -1 +0,0 @@
1
- export { default as AlertDialogDemo } from './AlertDialogDemo.svelte';
@@ -1,11 +0,0 @@
1
- <script lang="ts">
2
- import { AspectRatio } from '$components/ui/aspect-ratio';
3
- </script>
4
-
5
- <AspectRatio ratio={16 / 9} class="bg-muted">
6
- <img
7
- src="https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd?w=800&dpr=2&q=80"
8
- alt="Gray by Drew Beamer"
9
- class="h-full w-full rounded-md object-cover"
10
- />
11
- </AspectRatio>
@@ -1 +0,0 @@
1
- export { default as AspectRatioDemo } from './AspectRatioDemo.svelte';
@@ -1,8 +0,0 @@
1
- <script lang="ts">
2
- import { Avatar, AvatarFallback, AvatarImage } from '$components/ui/avatar';
3
- </script>
4
-
5
- <Avatar>
6
- <AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />
7
- <AvatarFallback>CN</AvatarFallback>
8
- </Avatar>
@@ -1 +0,0 @@
1
- export { default as AvatarDemo } from './AvatarDemo.svelte';
@@ -1,5 +0,0 @@
1
- <script lang="ts">
2
- import { Badge } from '$components/ui/badge';
3
- </script>
4
-
5
- <Badge>Badge</Badge>
@@ -1,5 +0,0 @@
1
- <script lang="ts">
2
- import { Badge } from '$components/ui/badge';
3
- </script>
4
-
5
- <Badge variant="destructive">Destructive</Badge>
@@ -1,5 +0,0 @@
1
- <script lang="ts">
2
- import { Badge } from '$components/ui/badge';
3
- </script>
4
-
5
- <Badge variant="outline">Outline</Badge>
@@ -1,5 +0,0 @@
1
- <script lang="ts">
2
- import { Badge } from '$components/ui/badge';
3
- </script>
4
-
5
- <Badge variant="secondary">Secondary</Badge>
@@ -1,4 +0,0 @@
1
- export { default as BadgeDemo } from './BadgeDemo.svelte';
2
- export { default as BadgeDemoDestructive } from './BadgeDemoDestructive.svelte';
3
- export { default as BadgeDemoOutline } from './BadgeDemoOutline.svelte';
4
- export { default as BadgeDemoSecondary } from './BadgeDemoSecondary.svelte';
@@ -1,5 +0,0 @@
1
- <script lang="ts">
2
- import { Button } from '$components/ui/button';
3
- </script>
4
-
5
- <Button>Button</Button>
@@ -1,5 +0,0 @@
1
- <script lang="ts">
2
- import { Button } from '$components/ui/button';
3
- </script>
4
-
5
- <Button variant="destructive">Destructive</Button>
@@ -1,5 +0,0 @@
1
- <script lang="ts">
2
- import { Button } from '$components/ui/button';
3
- </script>
4
-
5
- <Button variant="ghost">Ghost</Button>
@@ -1,9 +0,0 @@
1
- <script lang="ts">
2
- import { Mail } from 'lucide-svelte';
3
- import { Button } from '$components/ui/button';
4
- </script>
5
-
6
- <Button>
7
- <Mail class="mr-2 h-4 w-4" />
8
- Login with Email
9
- </Button>
@@ -1,5 +0,0 @@
1
- <script lang="ts">
2
- import { Button } from '$components/ui/button';
3
- </script>
4
-
5
- <Button variant="link">Link</Button>
@@ -1,9 +0,0 @@
1
- <script lang="ts">
2
- import { Loader2 } from 'lucide-svelte';
3
- import { Button } from '$components/ui/button';
4
- </script>
5
-
6
- <Button disabled>
7
- <Loader2 class="mr-2 h-4 w-4 animate-spin" />
8
- Please wait
9
- </Button>
@@ -1,5 +0,0 @@
1
- <script lang="ts">
2
- import { Button } from '$components/ui/button';
3
- </script>
4
-
5
- <Button variant="outline">Outline</Button>
@@ -1,5 +0,0 @@
1
- <script lang="ts">
2
- import { Button } from '$components/ui/button';
3
- </script>
4
-
5
- <Button variant="secondary">Secondary</Button>
@@ -1,8 +0,0 @@
1
- export { default as ButtonDemo } from './ButtonDemo.svelte';
2
- export { default as ButtonDemoDestructive } from './ButtonDemoDestructive.svelte';
3
- export { default as ButtonDemoGhost } from './ButtonDemoGhost.svelte';
4
- export { default as ButtonDemoIcon } from './ButtonDemoIcon.svelte';
5
- export { default as ButtonDemoLink } from './ButtonDemoLink.svelte';
6
- export { default as ButtonDemoLoading } from './ButtonDemoLoading.svelte';
7
- export { default as ButtonDemoOutline } from './ButtonDemoOutline.svelte';
8
- export { default as ButtonDemoSecondary } from './ButtonDemoSecondary.svelte';
@@ -1,65 +0,0 @@
1
- <script lang="ts">
2
- import { BellRing, Check } from 'lucide-svelte';
3
- import { Button } from '$components/ui/button';
4
- import {
5
- Card,
6
- CardContent,
7
- CardDescription,
8
- CardFooter,
9
- CardHeader,
10
- CardTitle
11
- } from '$components/ui/card';
12
- import { Switch } from '$components/ui/switch';
13
-
14
- const notifications = [
15
- {
16
- title: 'Your call has been confirmed.',
17
- description: '1 hour ago'
18
- },
19
- {
20
- title: 'You have a new message!',
21
- description: '1 hour ago'
22
- },
23
- {
24
- title: 'Your subscription is expiring soon!',
25
- description: '2 hours ago'
26
- }
27
- ];
28
- </script>
29
-
30
- <Card class="w-[380px]">
31
- <CardHeader>
32
- <CardTitle>Notifications</CardTitle>
33
- <CardDescription>You have 3 unread messages.</CardDescription>
34
- </CardHeader>
35
- <CardContent class="grid gap-4">
36
- <div class=" flex items-center space-x-4 rounded-md border p-4">
37
- <BellRing />
38
- <div class="flex-1 space-y-1">
39
- <p class="text-sm font-medium leading-none">Push Notifications</p>
40
- <p class="text-sm text-muted-foreground">Send notifications to device.</p>
41
- </div>
42
- <Switch />
43
- </div>
44
- <div>
45
- {#each notifications as notification, idx (idx)}
46
- <div class="mb-4 grid grid-cols-[25px_1fr] items-start pb-4 last:mb-0 last:pb-0">
47
- <span class="flex h-2 w-2 translate-y-1 rounded-full bg-sky-500" />
48
- <div class="space-y-1">
49
- <p class="text-sm font-medium leading-none">
50
- {notification.title}
51
- </p>
52
- <p class="text-sm text-muted-foreground">
53
- {notification.description}
54
- </p>
55
- </div>
56
- </div>
57
- {/each}
58
- </div>
59
- </CardContent>
60
- <CardFooter>
61
- <Button class="w-full">
62
- <Check class="mr-2 h-4 w-4" /> Mark all as read
63
- </Button>
64
- </CardFooter>
65
- </Card>
@@ -1,2 +0,0 @@
1
- export { default as CardDemo } from './CardDemo.svelte';
2
- export { default as CardDemoForm } from './CardDemoForm.svelte';
@@ -1,13 +0,0 @@
1
- <script lang="ts">
2
- import { Checkbox } from '$components/ui/checkbox';
3
- </script>
4
-
5
- <div class="flex items-center space-x-2">
6
- <Checkbox id="terms" />
7
- <label
8
- for="terms"
9
- class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
10
- >
11
- Accept terms and conditions
12
- </label>
13
- </div>
@@ -1,13 +0,0 @@
1
- <script lang="ts">
2
- import { Checkbox } from '$components/ui/checkbox';
3
- </script>
4
-
5
- <div class="flex items-center space-x-2">
6
- <Checkbox id="terms" disabled />
7
- <label
8
- for="terms2"
9
- class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
10
- >
11
- Accept terms and conditions
12
- </label>
13
- </div>
@@ -1,18 +0,0 @@
1
- <script lang="ts">
2
- import { Checkbox } from '$components/ui/checkbox';
3
- </script>
4
-
5
- <div class="items-top flex space-x-2">
6
- <Checkbox id="terms1" />
7
- <div class="grid gap-1.5 leading-none">
8
- <label
9
- for="terms1"
10
- class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
11
- >
12
- Accept terms and conditions
13
- </label>
14
- <p class="text-sm text-muted-foreground">
15
- You agree to our Terms of Service and Privacy Policy.
16
- </p>
17
- </div>
18
- </div>
@@ -1,3 +0,0 @@
1
- export { default as CheckboxDemo } from './CheckboxDemo.svelte';
2
- export { default as CheckboxDemoDisabled } from './CheckboxDemoDisabled.svelte';
3
- export { default as CheckboxDemoText } from './CheckboxDemoText.svelte';
@@ -1,24 +0,0 @@
1
- <script lang="ts">
2
- import { ChevronsUpDown } from 'lucide-svelte';
3
- import { Button } from '$components/ui/button';
4
- import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '$components/ui/collapsible';
5
-
6
- let isOpen = false;
7
- </script>
8
-
9
- <Collapsible open={isOpen} class="w-[350px] space-y-2">
10
- <div class="flex items-center justify-between space-x-4 px-4">
11
- <h4 class="text-sm font-semibold">@thomasglopes starred 3 repositories</h4>
12
- <CollapsibleTrigger>
13
- <Button variant="ghost" size="sm" class="w-9 p-0">
14
- <ChevronsUpDown class="h-4 w-4" />
15
- <span class="sr-only">Toggle</span>
16
- </Button>
17
- </CollapsibleTrigger>
18
- </div>
19
- <div class="rounded-md border px-4 py-3 font-mono text-sm">tglide/radix-svelte</div>
20
- <CollapsibleContent class="space-y-2">
21
- <div class="rounded-md border px-4 py-3 font-mono text-sm">sveltejs/svelte</div>
22
- <div class="rounded-md border px-4 py-3 font-mono text-sm">sveltejs/kit</div>
23
- </CollapsibleContent>
24
- </Collapsible>
@@ -1 +0,0 @@
1
- export { default as CollapsibleDemo } from './CollapsibleDemo.svelte';
@@ -1,41 +0,0 @@
1
- <script lang="ts">
2
- import { Button } from '$components/ui/button';
3
- import {
4
- Dialog,
5
- DialogContent,
6
- DialogDescription,
7
- DialogFooter,
8
- DialogHeader,
9
- DialogTitle,
10
- DialogTrigger
11
- } from '$components/ui/dialog';
12
- import { Input } from '$components/ui/input';
13
- import { Label } from '$components/ui/label';
14
- </script>
15
-
16
- <Dialog modal={true}>
17
- <DialogTrigger>
18
- <Button variant="outline">Edit Profile</Button>
19
- </DialogTrigger>
20
- <DialogContent class="sm:max-w-[425px]">
21
- <DialogHeader>
22
- <DialogTitle>Edit profile</DialogTitle>
23
- <DialogDescription>
24
- Make changes to your profile here. Click save when you're done.
25
- </DialogDescription>
26
- </DialogHeader>
27
- <div class="grid gap-4 py-4">
28
- <div class="grid grid-cols-4 items-center gap-4">
29
- <Label class="text-right">Name</Label>
30
- <Input id="name" value="Pedro Duarte" class="col-span-3" />
31
- </div>
32
- <div class="grid grid-cols-4 items-center gap-4">
33
- <Label class="text-right">Username</Label>
34
- <Input id="username" value="@peduarte" class="col-span-3" />
35
- </div>
36
- </div>
37
- <DialogFooter>
38
- <Button type="submit">Save changes</Button>
39
- </DialogFooter>
40
- </DialogContent>
41
- </Dialog>
@@ -1 +0,0 @@
1
- export { default as DialogDemo } from './DialogDemo.svelte';
@@ -1,28 +0,0 @@
1
- <script lang="ts">
2
- import { CalendarDays } from 'lucide-svelte';
3
- import { Avatar, AvatarFallback, AvatarImage } from '$components/ui/avatar';
4
- import { Button } from '$components/ui/button';
5
- import { HoverCard, HoverCardContent, HoverCardTrigger } from '$components/ui/hover-card';
6
- </script>
7
-
8
- <HoverCard>
9
- <HoverCardTrigger>
10
- <Button variant="link">@sveltejs</Button>
11
- </HoverCardTrigger>
12
- <HoverCardContent class="w-80">
13
- <div class="flex justify-between space-x-4">
14
- <Avatar>
15
- <AvatarImage src="https://github.com/sveltejs.png" />
16
- <AvatarFallback>SK</AvatarFallback>
17
- </Avatar>
18
- <div class="space-y-1">
19
- <h4 class="text-sm font-semibold">@sveltejs</h4>
20
- <p class="text-sm">Cybernetically enhanced web apps.</p>
21
- <div class="flex items-center pt-2">
22
- <CalendarDays class="mr-2 h-4 w-4 opacity-70" />{' '}
23
- <span class="text-xs text-muted-foreground"> Joined September 2022 </span>
24
- </div>
25
- </div>
26
- </div>
27
- </HoverCardContent>
28
- </HoverCard>
@@ -1 +0,0 @@
1
- export { default as HoverCardDemo } from './HoverCardDemo.svelte';
@@ -1,27 +0,0 @@
1
- export * from './accordion';
2
- export * from './alert';
3
- export * from './alert-dialog';
4
- export * from './aspect-ratio';
5
- export * from './avatar';
6
- export * from './badge';
7
- export * from './button';
8
- export * from './card';
9
- export * from './checkbox';
10
- export * from './collapsible';
11
- export * from './dialog';
12
- export * from './input';
13
- export * from './label';
14
- export * from './progress';
15
- export * from './separator';
16
- export * from './switch';
17
- export * from './table';
18
- export * from './tabs';
19
- export * from './textarea';
20
- export * from './toggle';
21
- export * from './hover-card';
22
- export * from './radio-group';
23
- export * from './slider';
24
- export * from './skeleton';
25
- export * from './typography';
26
- export * from './tooltip';
27
- export * from './sheet';
@@ -1,5 +0,0 @@
1
- <script lang="ts">
2
- import { Input } from '$components/ui/input';
3
- </script>
4
-
5
- <Input type="email" placeholder="email" />
@@ -1,9 +0,0 @@
1
- <script lang="ts">
2
- import { Button } from '$components/ui/button';
3
- import { Input } from '$components/ui/input';
4
- </script>
5
-
6
- <form class="flex w-full max-w-sm items-center space-x-2">
7
- <Input type="email" placeholder="email" />
8
- <Button type="submit">Subscribe</Button>
9
- </form>
@@ -1,5 +0,0 @@
1
- <script lang="ts">
2
- import { Input } from '$components/ui/input';
3
- </script>
4
-
5
- <Input disabled type="email" placeholder="email" />
@@ -1,9 +0,0 @@
1
- <script lang="ts">
2
- import { Input } from '$components/ui/input';
3
- import { Label } from '$components/ui/label';
4
- </script>
5
-
6
- <div class="grid w-full max-w-sm items-center gap-1.5">
7
- <Label for="picture">Picture</Label>
8
- <Input id="picture" type="file" />
9
- </div>
@@ -1,9 +0,0 @@
1
- <script lang="ts">
2
- import { Input } from '$components/ui/input';
3
- import { Label } from '$components/ui/label';
4
- </script>
5
-
6
- <div class="grid w-full max-w-sm items-center gap-1.5">
7
- <Label for="email">Email</Label>
8
- <Input type="email" id="email" placeholder="email" />
9
- </div>
@@ -1,10 +0,0 @@
1
- <script lang="ts">
2
- import { Input } from '$components/ui/input';
3
- import { Label } from '$components/ui/label';
4
- </script>
5
-
6
- <div class="grid w-full max-w-sm items-center gap-1.5">
7
- <Label for="email-2">Email</Label>
8
- <Input type="email" id="email-2" placeholder="Email" />
9
- <p class="text-sm text-muted-foreground">Enter your email address.</p>
10
- </div>
@@ -1,6 +0,0 @@
1
- export { default as InputDemo } from './InputDemo.svelte';
2
- export { default as InputDemoButton } from './InputDemoButton.svelte';
3
- export { default as InputDemoDisabled } from './InputDemoDisabled.svelte';
4
- export { default as InputDemoFile } from './InputDemoFile.svelte';
5
- export { default as InputDemoLabel } from './InputDemoLabel.svelte';
6
- export { default as InputDemoText } from './InputDemoText.svelte';
@@ -1,11 +0,0 @@
1
- <script lang="ts">
2
- import { Checkbox } from '$components/ui/checkbox';
3
- import { Label } from '$components/ui/label';
4
- </script>
5
-
6
- <div>
7
- <div class="flex items-center space-x-2">
8
- <Checkbox id="terms" />
9
- <Label for="terms">Accept terms and conditions</Label>
10
- </div>
11
- </div>
@@ -1 +0,0 @@
1
- export { default as LabelDemo } from './LabelDemo.svelte';
@@ -1,12 +0,0 @@
1
- <script lang="ts">
2
- import { onMount } from 'svelte';
3
- import { Progress } from '$components/ui/progress';
4
-
5
- let progress = 13;
6
- onMount(() => {
7
- const timer = setTimeout(() => (progress = 66), 500);
8
- return () => clearTimeout(timer);
9
- });
10
- </script>
11
-
12
- <Progress value={progress} max={100} />
@@ -1 +0,0 @@
1
- export { default as ProgressDemo } from './ProgressDemo.svelte';
@@ -1,19 +0,0 @@
1
- <script lang="ts">
2
- import { Label } from '$components/ui/label';
3
- import { RadioGroup, RadioGroupItem } from '$components/ui/radio-group';
4
- </script>
5
-
6
- <RadioGroup value="comfortable">
7
- <div class="flex items-center space-x-2">
8
- <RadioGroupItem value="default" id="r1" />
9
- <Label for="r1">Default</Label>
10
- </div>
11
- <div class="flex items-center space-x-2">
12
- <RadioGroupItem value="comfortable" id="r2" />
13
- <Label for="r2">Comfortable</Label>
14
- </div>
15
- <div class="flex items-center space-x-2">
16
- <RadioGroupItem value="compact" id="r3" />
17
- <Label for="r3">Compact</Label>
18
- </div>
19
- </RadioGroup>
@@ -1 +0,0 @@
1
- export { default as RadioGroupDemo } from './RadioGroupDemo.svelte';
@@ -1,18 +0,0 @@
1
- <script lang="ts">
2
- import { Separator } from '$components/ui/separator';
3
- </script>
4
-
5
- <div>
6
- <div class="space-y-1">
7
- <h4 class="text-sm font-medium leading-none">Radix Primitives</h4>
8
- <p class="text-sm text-muted-foreground">An open-source UI component library.</p>
9
- </div>
10
- <Separator class="my-4" />
11
- <div class="flex h-5 items-center space-x-4 text-sm">
12
- <div>Blog</div>
13
- <Separator orientation="vertical" />
14
- <div>Docs</div>
15
- <Separator orientation="vertical" />
16
- <div>Source</div>
17
- </div>
18
- </div>
@@ -1 +0,0 @@
1
- export { default as SeparatorDemo } from './SeparatorDemo.svelte';