create-tauri-ui 0.1.3 → 0.1.5

package/templates/sveltekit/src/lib/components/docs/examples/table/TableDemo.svelte

@@ -0,0 +1,78 @@
+<script lang="ts">
+  import {
+    Table,
+    TableBody,
+    TableCaption,
+    TableCell,
+    TableHead,
+    TableHeader,
+    TableRow
+  } from '$components/ui/table';
+
+  const invoices = [
+    {
+      invoice: 'INV001',
+      paymentStatus: 'Paid',
+      totalAmount: '$250.00',
+      paymentMethod: 'Credit Card'
+    },
+    {
+      invoice: 'INV002',
+      paymentStatus: 'Pending',
+      totalAmount: '$150.00',
+      paymentMethod: 'PayPal'
+    },
+    {
+      invoice: 'INV003',
+      paymentStatus: 'Unpaid',
+      totalAmount: '$350.00',
+      paymentMethod: 'Bank Transfer'
+    },
+    {
+      invoice: 'INV004',
+      paymentStatus: 'Paid',
+      totalAmount: '$450.00',
+      paymentMethod: 'Credit Card'
+    },
+    {
+      invoice: 'INV005',
+      paymentStatus: 'Paid',
+      totalAmount: '$550.00',
+      paymentMethod: 'PayPal'
+    },
+    {
+      invoice: 'INV006',
+      paymentStatus: 'Pending',
+      totalAmount: '$200.00',
+      paymentMethod: 'Bank Transfer'
+    },
+    {
+      invoice: 'INV007',
+      paymentStatus: 'Unpaid',
+      totalAmount: '$300.00',
+      paymentMethod: 'Credit Card'
+    }
+  ];
+</script>
+
+<Table>
+  <TableCaption>A list of your recent invoices.</TableCaption>
+  <TableHeader>
+    <TableRow>
+      <TableHead class="w-[100px]">Invoice</TableHead>
+      <TableHead>Status</TableHead>
+      <TableHead>Method</TableHead>
+      <TableHead class="text-right">Amount</TableHead>
+    </TableRow>
+  </TableHeader>
+  <TableBody>
+    {#each invoices as invoice, i (i)}
+      <TableRow key={invoice.invoice}>
+        <TableCell class="font-medium">{invoice.invoice}</TableCell>
+        <TableCell>{invoice.paymentStatus}</TableCell>
+        <TableCell>{invoice.paymentMethod}</TableCell>
+        <TableCell class="text-right">{invoice.totalAmount}</TableCell>
+      </TableRow>
+    {/each}
+  </TableBody>
+</Table>

package/templates/sveltekit/src/lib/components/docs/examples/table/index.ts

@@ -0,0 +1 @@
+export { default as TableDemo } from './TableDemo.svelte';

package/templates/sveltekit/src/lib/components/docs/examples/tabs/TabsDemo.svelte

@@ -0,0 +1,67 @@
+<script lang="ts">
+  import { Button } from '$components/ui/button';
+  import {
+    Card,
+    CardContent,
+    CardDescription,
+    CardFooter,
+    CardHeader,
+    CardTitle
+  } from '$components/ui/card';
+  import { Input } from '$components/ui/input';
+  import { Label } from '$components/ui/label';
+  import { Tabs, TabsContent, TabsList, TabsTrigger } from '$components/ui/tabs';
+</script>
+
+<Tabs value="account" class="w-[400px]">
+  <TabsList class="grid w-full grid-cols-2">
+    <TabsTrigger value="account">Account</TabsTrigger>
+    <TabsTrigger value="password">Password</TabsTrigger>
+  </TabsList>
+  <TabsContent value="account">
+    <Card>
+      <CardHeader>
+        <CardTitle>Account</CardTitle>
+        <CardDescription>
+          Make changes to your account here. Click save when you're done.
+        </CardDescription>
+      </CardHeader>
+      <CardContent class="space-y-2">
+        <div class="space-y-1">
+          <Label for="name">Name</Label>
+          <Input id="name" value="Pedro Duarte" />
+        </div>
+        <div class="space-y-1">
+          <Label for="username">Username</Label>
+          <Input id="username" value="@peduarte" />
+        </div>
+      </CardContent>
+      <CardFooter>
+        <Button>Save changes</Button>
+      </CardFooter>
+    </Card>
+  </TabsContent>
+  <TabsContent value="password">
+    <Card>
+      <CardHeader>
+        <CardTitle>Password</CardTitle>
+        <CardDescription>
+          Change your password here. After saving, you'll be logged out.
+        </CardDescription>
+      </CardHeader>
+      <CardContent class="space-y-2">
+        <div class="space-y-1">
+          <Label for="current">Current password</Label>
+          <Input id="current" type="password" />
+        </div>
+        <div class="space-y-1">
+          <Label for="new">New password</Label>
+          <Input id="new" type="password" />
+        </div>
+      </CardContent>
+      <CardFooter>
+        <Button>Save password</Button>
+      </CardFooter>
+    </Card>
+  </TabsContent>
+</Tabs>

package/templates/sveltekit/src/lib/components/docs/examples/tabs/index.ts

@@ -0,0 +1 @@
+export { default as TabsDemo } from './TabsDemo.svelte';

package/templates/sveltekit/src/lib/components/docs/examples/textarea/TextareaDemo.svelte

@@ -0,0 +1,5 @@
+<script lang="ts">
+  import { Textarea } from '$components/ui/textarea';
+</script>
+
+<Textarea placeholder="Type your message here." />

package/templates/sveltekit/src/lib/components/docs/examples/textarea/TextareaDemoButton.svelte

@@ -0,0 +1,9 @@
+<script lang="ts">
+  import { Button } from '$components/ui/button';
+  import { Textarea } from '$components/ui/textarea';
+</script>
+
+<div class="grid w-full gap-2">
+  <Textarea placeholder="Type your message here." />
+  <Button>Send message</Button>
+</div>

package/templates/sveltekit/src/lib/components/docs/examples/textarea/TextareaDemoDisabled.svelte

@@ -0,0 +1,5 @@
+<script lang="ts">
+  import { Textarea } from '$components/ui/textarea';
+</script>
+
+<Textarea disabled placeholder="Type your message here." />

package/templates/sveltekit/src/lib/components/docs/examples/textarea/TextareaDemoLabel.svelte

@@ -0,0 +1,9 @@
+<script lang="ts">
+  import { Label } from '$components/ui/label';
+  import { Textarea } from '$components/ui/textarea';
+</script>
+
+<div class="grid w-full gap-1.5">
+  <Label for="message">Your message</Label>
+  <Textarea placeholder="Type your message here." id="message" />
+</div>

package/templates/sveltekit/src/lib/components/docs/examples/textarea/TextareaDemoText.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+  import { Label } from '$components/ui/label';
+  import { Textarea } from '$components/ui/textarea';
+</script>
+
+<div class="grid w-full gap-1.5">
+  <Label for="message-2">Your Message</Label>
+  <Textarea placeholder="Type your message here." id="message-2" />
+  <p class="text-sm text-muted-foreground">Your message will be copied to the support team.</p>
+</div>

package/templates/sveltekit/src/lib/components/docs/examples/textarea/index.ts

@@ -0,0 +1,5 @@
+export { default as TextareaDemo } from './TextareaDemo.svelte';
+export { default as TextareaDemoButton } from './TextareaDemoButton.svelte';
+export { default as TextareaDemoDisabled } from './TextareaDemoDisabled.svelte';
+export { default as TextareaDemoLabel } from './TextareaDemoLabel.svelte';
+export { default as TextareaDemoText } from './TextareaDemoText.svelte';

package/templates/sveltekit/src/lib/components/docs/examples/toggle/ToggleDemo.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import { Bold } from 'lucide-svelte';
+  import { Toggle } from '$components/ui/toggle';
+</script>
+
+<Toggle aria-label="toggle bold">
+  <Bold class="h-4 w-4" />
+</Toggle>

package/templates/sveltekit/src/lib/components/docs/examples/toggle/ToggleDemoDisabled.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import { Underline } from 'lucide-svelte';
+  import { Toggle } from '$components/ui/toggle';
+</script>
+
+<Toggle aria-label="Toggle underline" disabled>
+  <Underline class="h-4 w-4" />
+</Toggle>

package/templates/sveltekit/src/lib/components/docs/examples/toggle/ToggleDemoLg.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import { Italic } from 'lucide-svelte';
+  import { Toggle } from '$components/ui/toggle';
+</script>
+
+<Toggle size="lg" aria-label="Toggle italic">
+  <Italic class="h-4 w-4" />
+</Toggle>

package/templates/sveltekit/src/lib/components/docs/examples/toggle/ToggleDemoOutline.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import { Italic } from 'lucide-svelte';
+  import { Toggle } from '$components/ui/toggle';
+</script>
+
+<Toggle variant="outline" aria-label="Toggle italic">
+  <Italic class="h-4 w-4" />
+</Toggle>

package/templates/sveltekit/src/lib/components/docs/examples/toggle/ToggleDemoSm.svelte

@@ -0,0 +1,8 @@
+<script lang="ts">
+  import { Italic } from 'lucide-svelte';
+  import { Toggle } from '$components/ui/toggle';
+</script>
+
+<Toggle size="sm" aria-label="Toggle italic">
+  <Italic class="h-4 w-4" />
+</Toggle>

package/templates/sveltekit/src/lib/components/docs/examples/toggle/ToggleDemoText.svelte

@@ -0,0 +1,9 @@
+<script lang="ts">
+  import { Italic } from 'lucide-svelte';
+  import { Toggle } from '$components/ui/toggle';
+</script>
+
+<Toggle aria-label="Toggle italic">
+  <Italic class="mr-2 h-4 w-4" />
+  Italic
+</Toggle>

package/templates/sveltekit/src/lib/components/docs/examples/toggle/index.ts

@@ -0,0 +1,6 @@
+export { default as ToggleDemo } from './ToggleDemo.svelte';
+export { default as ToggleDemoDisabled } from './ToggleDemoDisabled.svelte';
+export { default as ToggleDemoLg } from './ToggleDemoLg.svelte';
+export { default as ToggleDemoOutline } from './ToggleDemoOutline.svelte';
+export { default as ToggleDemoSm } from './ToggleDemoSm.svelte';
+export { default as ToggleDemoText } from './ToggleDemoText.svelte';

package/templates/sveltekit/src/lib/components/docs/examples/tooltip/TooltipDemo.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import { Plus } from 'lucide-svelte';
+  import { Button } from '$components/ui/button';
+  import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '$components/ui/tooltip';
+</script>
+
+<TooltipProvider>
+  <Tooltip>
+    <TooltipTrigger>
+      <Button variant="outline" class="w-10 rounded-full p-0">
+        <Plus class="h-4 w-4" />
+        <span class="sr-only">Add</span>
+      </Button>
+    </TooltipTrigger>
+    <TooltipContent>
+      <p>Add to library</p>
+    </TooltipContent>
+  </Tooltip>
+</TooltipProvider>

package/templates/sveltekit/src/lib/components/docs/examples/tooltip/index.ts

@@ -0,0 +1 @@
+export { default as TooltipDemo } from './TooltipDemo.svelte';

package/templates/sveltekit/src/lib/components/docs/examples/typography/BlockquoteDemo.svelte

@@ -0,0 +1,4 @@
+<blockquote class="mt-6 border-l-2 pl-6 italic">
+  "After all," he said, "everyone enjoys a good joke, so it's only fair that they should pay for the
+  privilege."
+</blockquote>

package/templates/sveltekit/src/lib/components/docs/examples/typography/H1Demo.svelte

@@ -0,0 +1,3 @@
+<h1 class="scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl">
+  Taxing Laughter: The Joke Tax Chronicles
+</h1>

package/templates/sveltekit/src/lib/components/docs/examples/typography/H2Demo.svelte

@@ -0,0 +1,5 @@
+<h2
+  class="scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0"
+>
+  The People of the Kingdom
+</h2>

package/templates/sveltekit/src/lib/components/docs/examples/typography/H3Demo.svelte

@@ -0,0 +1 @@
+<h3 class="scroll-m-20 text-2xl font-semibold tracking-tight">The Joke Tax</h3>

package/templates/sveltekit/src/lib/components/docs/examples/typography/H4Demo.svelte

@@ -0,0 +1 @@
+<h4 class="scroll-m-20 text-xl font-semibold tracking-tight">People stopped telling jokes</h4>

package/templates/sveltekit/src/lib/components/docs/examples/typography/InlineCodeDemo.svelte

@@ -0,0 +1,3 @@
+<code class="relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold">
+  radix-svelte
+</code>

package/templates/sveltekit/src/lib/components/docs/examples/typography/LargeDemo.svelte

@@ -0,0 +1 @@
+<div class="text-lg font-semibold">Are you sure absolutely sure?</div>

package/templates/sveltekit/src/lib/components/docs/examples/typography/LeadDemo.svelte

@@ -0,0 +1,3 @@
+<p class="text-xl text-muted-foreground">
+  A modal dialog that interrupts the user with important content and expects a response.
+</p>

package/templates/sveltekit/src/lib/components/docs/examples/typography/ListDemo.svelte

@@ -0,0 +1,5 @@
+<ul class="my-6 ml-6 list-disc [&>li]:mt-2">
+  <li>1st level of puns: 5 gold coins</li>
+  <li>2nd level of jokes: 10 gold coins</li>
+  <li>3rd level of one-liners : 20 gold coins</li>
+</ul>

package/templates/sveltekit/src/lib/components/docs/examples/typography/MutedDemo.svelte

@@ -0,0 +1 @@
+<p class="text-sm text-muted-foreground">Enter your email address.</p>

package/templates/sveltekit/src/lib/components/docs/examples/typography/PDemo.svelte

@@ -0,0 +1,4 @@
+<p class="leading-7 [&:not(:first-child)]:mt-6">
+  The king, seeing how much happier his subjects were, realized the error of his ways and repealed
+  the joke tax.
+</p>

package/templates/sveltekit/src/lib/components/docs/examples/typography/SmallDemo.svelte

@@ -0,0 +1 @@
+<small class="text-sm font-medium leading-none">Email address</small>

package/templates/sveltekit/src/lib/components/docs/examples/typography/TableDemo.svelte

@@ -0,0 +1,56 @@
+<div class="my-6 w-full overflow-y-auto">
+  <table class="w-full">
+    <thead>
+      <tr class="m-0 border-t p-0 even:bg-muted">
+        <th
+          class="border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right"
+        >
+          King's Treasury
+        </th>
+        <th
+          class="border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right"
+        >
+          People's happiness
+        </th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr class="m-0 border-t p-0 even:bg-muted">
+        <td
+          class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+        >
+          Empty
+        </td>
+        <td
+          class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+        >
+          Overflowing
+        </td>
+      </tr>
+      <tr class="m-0 border-t p-0 even:bg-muted">
+        <td
+          class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+        >
+          Modest
+        </td>
+        <td
+          class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+        >
+          Satisfied
+        </td>
+      </tr>
+      <tr class="m-0 border-t p-0 even:bg-muted">
+        <td
+          class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+        >
+          Full
+        </td>
+        <td
+          class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+        >
+          Ecstatic
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</div>

package/templates/sveltekit/src/lib/components/docs/examples/typography/TypographyDemo.svelte

@@ -0,0 +1,117 @@
+<div>
+  <h1 class="scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl">
+    The Joke Tax Chronicles
+  </h1>
+  <p class="leading-7 [&:not(:first-child)]:mt-6">
+    Once upon a time, in a far-off land, there was a very lazy king who spent all day lounging on
+    his throne. One day, his advisors came to him with a problem: the kingdom was running out of
+    money.
+  </p>
+  <h2
+    class="mt-10 scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0"
+  >
+    The King's Plan
+  </h2>
+  <p class="leading-7 [&:not(:first-child)]:mt-6">
+    The king thought long and hard, and finally came up with{' '}
+    <!-- svelte-ignore a11y-invalid-attribute -->
+    <a href="#" class="font-medium text-primary underline underline-offset-4"> a brilliant plan </a>
+    : he would tax the jokes in the kingdom.
+  </p>
+  <blockquote class="mt-6 border-l-2 pl-6 italic">
+    "After all," he said, "everyone enjoys a good joke, so it's only fair that they should pay for
+    the privilege."
+  </blockquote>
+  <h3 class="mt-8 scroll-m-20 text-2xl font-semibold tracking-tight">The Joke Tax</h3>
+  <p class="leading-7 [&:not(:first-child)]:mt-6">
+    The king's subjects were not amused. They grumbled and complained, but the king was firm:
+  </p>
+  <ul class="my-6 ml-6 list-disc [&>li]:mt-2">
+    <li>1st level of puns: 5 gold coins</li>
+    <li>2nd level of jokes: 10 gold coins</li>
+    <li>3rd level of one-liners : 20 gold coins</li>
+  </ul>
+  <p class="leading-7 [&:not(:first-child)]:mt-6">
+    As a result, people stopped telling jokes, and the kingdom fell into a gloom. But there was one
+    person who refused to let the king's foolishness get him down: a court jester named Jokester.
+  </p>
+  <h3 class="mt-8 scroll-m-20 text-2xl font-semibold tracking-tight">Jokester's Revolt</h3>
+  <p class="leading-7 [&:not(:first-child)]:mt-6">
+    Jokester began sneaking into the castle in the middle of the night and leaving jokes all over
+    the place: under the king's pillow, in his soup, even in the royal toilet. The king was furious,
+    but he couldn't seem to stop Jokester.
+  </p>
+  <p class="leading-7 [&:not(:first-child)]:mt-6">
+    And then, one day, the people of the kingdom discovered that the jokes left by Jokester were so
+    funny that they couldn't help but laugh. And once they started laughing, they couldn't stop.
+  </p>
+  <h3 class="mt-8 scroll-m-20 text-2xl font-semibold tracking-tight">The People's Rebellion</h3>
+  <p class="leading-7 [&:not(:first-child)]:mt-6">
+    The people of the kingdom, feeling uplifted by the laughter, started to tell jokes and puns
+    again, and soon the entire kingdom was in on the joke.
+  </p>
+  <div class="my-6 w-full overflow-y-auto">
+    <table class="w-full">
+      <thead>
+        <tr class="m-0 border-t p-0 even:bg-muted">
+          <th
+            class="border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right"
+          >
+            King's Treasury
+          </th>
+          <th
+            class="border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right"
+          >
+            People's happiness
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr class="m-0 border-t p-0 even:bg-muted">
+          <td
+            class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+          >
+            Empty
+          </td>
+          <td
+            class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+          >
+            Overflowing
+          </td>
+        </tr>
+        <tr class="m-0 border-t p-0 even:bg-muted">
+          <td
+            class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+          >
+            Modest
+          </td>
+          <td
+            class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+          >
+            Satisfied
+          </td>
+        </tr>
+        <tr class="m-0 border-t p-0 even:bg-muted">
+          <td
+            class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+          >
+            Full
+          </td>
+          <td
+            class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+          >
+            Ecstatic
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+  <p class="leading-7 [&:not(:first-child)]:mt-6">
+    The king, seeing how much happier his subjects were, realized the error of his ways and repealed
+    the joke tax. Jokester was declared a hero, and the kingdom lived happily ever after.
+  </p>
+  <p class="leading-7 [&:not(:first-child)]:mt-6">
+    The moral of the story is: never underestimate the power of a good laugh and always be careful
+    of bad ideas.
+  </p>
+</div>

package/templates/sveltekit/src/lib/components/docs/examples/typography/index.ts

@@ -0,0 +1,14 @@
+export { default as BlockquoteDemo } from './BlockquoteDemo.svelte';
+export { default as H1Demo } from './H1Demo.svelte';
+export { default as H2Demo } from './H2Demo.svelte';
+export { default as H3Demo } from './H3Demo.svelte';
+export { default as H4Demo } from './H4Demo.svelte';
+export { default as InlineCodeDemo } from './InlineCodeDemo.svelte';
+export { default as LargeDemo } from './LargeDemo.svelte';
+export { default as LeadDemo } from './LeadDemo.svelte';
+export { default as ListDemo } from './ListDemo.svelte';
+export { default as MutedDemo } from './MutedDemo.svelte';
+export { default as PDemo } from './PDemo.svelte';
+export { default as SmallDemo } from './SmallDemo.svelte';
+export { default as TableDemo2 } from './TableDemo.svelte';
+export { default as TypographyDemo } from './TypographyDemo.svelte';

package/templates/sveltekit/src/lib/components/docs/examples-nav/ExampleCodeLink.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import { ArrowRight } from 'lucide-svelte';
+  import { page } from '$app/stores';
+  import { examples } from '$lib/config/docs';
+
+  $: example = examples.find((example) => $page.url.pathname.startsWith(example.href));
+</script>
+
+{#if example?.code}
+  <a
+    href={example.code}
+    target="_blank"
+    rel="nofollow"
+    class="absolute right-0 top-0 hidden items-center rounded-[0.5rem] text-sm font-medium md:flex"
+  >
+    View Code
+    <ArrowRight class="ml-1 h-4 w-4" />
+  </a>
+{/if}

package/templates/sveltekit/src/lib/components/docs/examples-nav/ExamplesNav.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+  import { page } from '$app/stores';
+  import { examples } from '$lib/config/docs';
+  import { cn } from '$lib/utils';
+  import ExampleCodeLink from './ExampleCodeLink.svelte';
+
+  let className: string | undefined | null = undefined;
+  export { className as class };
+</script>
+
+<div class="w-full">
+  <div class={cn('', className)} {...$$restProps}>
+    {#each examples as example, index (index)}
+      <a
+        href={example.href}
+        class={cn(
+          'px-2',
+          $page.url.pathname.startsWith(example.href)
+            ? 'font-bold text-primary'
+            : 'font-medium text-muted-foreground'
+        )}
+      >
+        {example.name}
+      </a>
+    {/each}
+  </div>
+</div>

package/templates/sveltekit/src/lib/components/docs/examples-nav/index.ts

@@ -0,0 +1,2 @@
+export { default as ExampleCodeLink } from './ExampleCodeLink.svelte';
+export { default as ExamplesNav } from './ExamplesNav.svelte';

package/templates/sveltekit/src/lib/components/docs/icons/Apple.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+  import type { IconProps } from 'lucide-svelte';
+
+  type $$Props = IconProps;
+</script>
+
+<svg role="img" viewBox="0 0 24 24" {...$$restProps}>
+  <path
+    d="M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701"
+    fill="currentColor"
+  />
+</svg>

package/templates/sveltekit/src/lib/components/docs/icons/Aria.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+  import type { IconProps } from 'lucide-svelte';
+
+  type $$Props = IconProps;
+</script>
+
+<svg role="img" viewBox="0 0 24 24" fill="currentColor" {...$$restProps}>
+  <path
+    d="M13.966 22.624l-1.69-4.281H8.122l3.892-9.144 5.662 13.425zM8.884 1.376H0v21.248zm15.116 0h-8.884L24 22.624Z"
+  />
+</svg>

package/templates/sveltekit/src/lib/components/docs/icons/GitHub.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+  import type { IconProps } from 'lucide-svelte';
+
+  type $$Props = IconProps;
+</script>
+
+<svg viewBox="0 0 438.549 438.549" {...$$restProps}>
+  <path
+    fill="currentColor"
+    d="M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"
+  />
+</svg>