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
|
@@ -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>
|
package/templates/sveltekit/src/lib/components/docs/examples/alert/AlertDemoDestructive.svelte
DELETED
|
@@ -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>
|
package/templates/sveltekit/src/lib/components/docs/examples/alert-dialog/AlertDialogDemo.svelte
DELETED
|
@@ -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';
|
package/templates/sveltekit/src/lib/components/docs/examples/aspect-ratio/AspectRatioDemo.svelte
DELETED
|
@@ -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 +0,0 @@
|
|
|
1
|
-
export { default as AvatarDemo } from './AvatarDemo.svelte';
|
|
@@ -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,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>
|
|
File without changes
|
|
@@ -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>
|
package/templates/sveltekit/src/lib/components/docs/examples/checkbox/CheckboxDemoDisabled.svelte
DELETED
|
@@ -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>
|
package/templates/sveltekit/src/lib/components/docs/examples/checkbox/CheckboxDemoText.svelte
DELETED
|
@@ -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>
|
package/templates/sveltekit/src/lib/components/docs/examples/collapsible/CollapsibleDemo.svelte
DELETED
|
@@ -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';
|
package/templates/sveltekit/src/lib/components/docs/examples/hover-card/HoverCardDemo.svelte
DELETED
|
@@ -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,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,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';
|
package/templates/sveltekit/src/lib/components/docs/examples/radio-group/RadioGroupDemo.svelte
DELETED
|
@@ -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';
|