create-tauri-ui 0.3.2 → 0.3.3

package/templates/sveltekit/src/lib/components/docs/dashboard/MainNav.svelte

@@ -1,31 +1,31 @@
-<script lang="ts">
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<nav class={cn('flex items-center space-x-4 lg:space-x-6', className)}>
-  <a href="/examples/dashboard" class="text-sm font-medium transition-colors hover:text-primary">
-    Overview
-  </a>
-
-  <a
-    href="/examples/dashboard"
-    class="text-sm font-medium text-muted-foreground transition-colors hover:text-primary"
-  >
-    Customers
-  </a>
-  <a
-    href="/examples/dashboard"
-    class="text-sm font-medium text-muted-foreground transition-colors hover:text-primary"
-  >
-    Products
-  </a>
-  <a
-    href="/examples/dashboard"
-    class="text-sm font-medium text-muted-foreground transition-colors hover:text-primary"
-  >
-    Settings
-  </a>
-</nav>
+<script lang="ts">
+  import { cn } from '$lib/utils';
+
+  let className: string | undefined | null = undefined;
+  export { className as class };
+</script>
+
+<nav class={cn('flex items-center space-x-4 lg:space-x-6', className)}>
+  <a href="/examples/dashboard" class="text-sm font-medium transition-colors hover:text-primary">
+    Overview
+  </a>
+
+  <a
+    href="/examples/dashboard"
+    class="text-sm font-medium text-muted-foreground transition-colors hover:text-primary"
+  >
+    Customers
+  </a>
+  <a
+    href="/examples/dashboard"
+    class="text-sm font-medium text-muted-foreground transition-colors hover:text-primary"
+  >
+    Products
+  </a>
+  <a
+    href="/examples/dashboard"
+    class="text-sm font-medium text-muted-foreground transition-colors hover:text-primary"
+  >
+    Settings
+  </a>
+</nav>

package/templates/sveltekit/src/lib/components/docs/dashboard/Overview.svelte

@@ -1,5 +1,5 @@
-<script lang="ts">
-  import Bar from '$components/docs/charts/Bar.svelte';
-</script>
-
-<Bar />
+<script lang="ts">
+  import Bar from '$components/docs/charts/Bar.svelte';
+</script>
+
+<Bar />

package/templates/sveltekit/src/lib/components/docs/dashboard/RecentSales.svelte

@@ -1,61 +1,61 @@
-<script lang="ts">
-  import { Avatar, AvatarFallback, AvatarImage } from '$components/ui/avatar';
-</script>
-
-<div class="space-y-8">
-  <div class="flex items-center">
-    <Avatar class="h-9 w-9">
-      <AvatarImage src="/avatars/01.png" alt="Avatar" />
-      <AvatarFallback>OM</AvatarFallback>
-    </Avatar>
-    <div class="ml-4 space-y-1">
-      <p class="text-sm font-medium leading-none">Olivia Martin</p>
-      <p class="text-sm text-muted-foreground">olivia.martin@email.com</p>
-    </div>
-    <div class="ml-auto font-medium">+$1,999.00</div>
-  </div>
-  <div class="flex items-center">
-    <Avatar class="flex h-9 w-9 items-center justify-center space-y-0 border">
-      <AvatarImage src="/avatars/02.png" alt="Avatar" />
-      <AvatarFallback>JL</AvatarFallback>
-    </Avatar>
-    <div class="ml-4 space-y-1">
-      <p class="text-sm font-medium leading-none">Jackson Lee</p>
-      <p class="text-sm text-muted-foreground">jackson.lee@email.com</p>
-    </div>
-    <div class="ml-auto font-medium">+$39.00</div>
-  </div>
-  <div class="flex items-center">
-    <Avatar class="h-9 w-9">
-      <AvatarImage src="/avatars/03.png" alt="Avatar" />
-      <AvatarFallback>IN</AvatarFallback>
-    </Avatar>
-    <div class="ml-4 space-y-1">
-      <p class="text-sm font-medium leading-none">Isabella Nguyen</p>
-      <p class="text-sm text-muted-foreground">isabella.nguyen@email.com</p>
-    </div>
-    <div class="ml-auto font-medium">+$299.00</div>
-  </div>
-  <div class="flex items-center">
-    <Avatar class="h-9 w-9">
-      <AvatarImage src="/avatars/04.png" alt="Avatar" />
-      <AvatarFallback>WK</AvatarFallback>
-    </Avatar>
-    <div class="ml-4 space-y-1">
-      <p class="text-sm font-medium leading-none">William Kim</p>
-      <p class="text-sm text-muted-foreground">will@email.com</p>
-    </div>
-    <div class="ml-auto font-medium">+$99.00</div>
-  </div>
-  <div class="flex items-center">
-    <Avatar class="h-9 w-9">
-      <AvatarImage src="/avatars/05.png" alt="Avatar" />
-      <AvatarFallback>SD</AvatarFallback>
-    </Avatar>
-    <div class="ml-4 space-y-1">
-      <p class="text-sm font-medium leading-none">Sofia Davis</p>
-      <p class="text-sm text-muted-foreground">sofia.davis@email.com</p>
-    </div>
-    <div class="ml-auto font-medium">+$39.00</div>
-  </div>
-</div>
+<script lang="ts">
+  import { Avatar, AvatarFallback, AvatarImage } from '$components/ui/avatar';
+</script>
+
+<div class="space-y-8">
+  <div class="flex items-center">
+    <Avatar class="h-9 w-9">
+      <AvatarImage src="/avatars/01.png" alt="Avatar" />
+      <AvatarFallback>OM</AvatarFallback>
+    </Avatar>
+    <div class="ml-4 space-y-1">
+      <p class="text-sm font-medium leading-none">Olivia Martin</p>
+      <p class="text-sm text-muted-foreground">olivia.martin@email.com</p>
+    </div>
+    <div class="ml-auto font-medium">+$1,999.00</div>
+  </div>
+  <div class="flex items-center">
+    <Avatar class="flex h-9 w-9 items-center justify-center space-y-0 border">
+      <AvatarImage src="/avatars/02.png" alt="Avatar" />
+      <AvatarFallback>JL</AvatarFallback>
+    </Avatar>
+    <div class="ml-4 space-y-1">
+      <p class="text-sm font-medium leading-none">Jackson Lee</p>
+      <p class="text-sm text-muted-foreground">jackson.lee@email.com</p>
+    </div>
+    <div class="ml-auto font-medium">+$39.00</div>
+  </div>
+  <div class="flex items-center">
+    <Avatar class="h-9 w-9">
+      <AvatarImage src="/avatars/03.png" alt="Avatar" />
+      <AvatarFallback>IN</AvatarFallback>
+    </Avatar>
+    <div class="ml-4 space-y-1">
+      <p class="text-sm font-medium leading-none">Isabella Nguyen</p>
+      <p class="text-sm text-muted-foreground">isabella.nguyen@email.com</p>
+    </div>
+    <div class="ml-auto font-medium">+$299.00</div>
+  </div>
+  <div class="flex items-center">
+    <Avatar class="h-9 w-9">
+      <AvatarImage src="/avatars/04.png" alt="Avatar" />
+      <AvatarFallback>WK</AvatarFallback>
+    </Avatar>
+    <div class="ml-4 space-y-1">
+      <p class="text-sm font-medium leading-none">William Kim</p>
+      <p class="text-sm text-muted-foreground">will@email.com</p>
+    </div>
+    <div class="ml-auto font-medium">+$99.00</div>
+  </div>
+  <div class="flex items-center">
+    <Avatar class="h-9 w-9">
+      <AvatarImage src="/avatars/05.png" alt="Avatar" />
+      <AvatarFallback>SD</AvatarFallback>
+    </Avatar>
+    <div class="ml-4 space-y-1">
+      <p class="text-sm font-medium leading-none">Sofia Davis</p>
+      <p class="text-sm text-muted-foreground">sofia.davis@email.com</p>
+    </div>
+    <div class="ml-auto font-medium">+$39.00</div>
+  </div>
+</div>

package/templates/sveltekit/src/lib/components/docs/dashboard/Search.svelte

@@ -1,7 +1,7 @@
-<script lang="ts">
-  import { Input } from '$components/ui/input';
-</script>
-
-<div>
-  <Input type="search" placeholder="Search..." class="h-9 md:w-[100px] lg:w-[300px]" />
-</div>
+<script lang="ts">
+  import { Input } from '$components/ui/input';
+</script>
+
+<div>
+  <Input type="search" placeholder="Search..." class="h-9 md:w-[100px] lg:w-[300px]" />
+</div>

package/templates/sveltekit/src/lib/components/docs/dashboard/index.ts

@@ -1 +1 @@
-export { default as DashboardPage } from './DashboardPage.svelte';
+export { default as DashboardPage } from './DashboardPage.svelte';

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

@@ -1,19 +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}
+<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

@@ -1,27 +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>
+<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

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

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

@@ -1,12 +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>
+<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

@@ -1,11 +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>
+<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

@@ -1,12 +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>
+<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>

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

@@ -1,12 +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
-    fill="currentColor"
-    d="M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"
-  />
-</svg>
+<script lang="ts">
+  import type { IconProps } from 'lucide-svelte';
+
+  type $$Props = IconProps;
+</script>
+
+<svg role="img" viewBox="0 0 24 24" {...$$restProps}>
+  <path
+    fill="currentColor"
+    d="M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"
+  />
+</svg>

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

@@ -1,17 +1,17 @@
-<script lang="ts">
-  import type { IconProps } from 'lucide-svelte';
-
-  type $$Props = IconProps;
-</script>
-
-<svg
-  viewBox="0 0 24 24"
-  fill="currentColor"
-  stroke="currentColor"
-  stroke-width="2"
-  stroke-linecap="round"
-  stroke-linejoin="round"
-  {...$$restProps}
->
-  <circle cx="12" cy="12" r="10" />
-</svg>
+<script lang="ts">
+  import type { IconProps } from 'lucide-svelte';
+
+  type $$Props = IconProps;
+</script>
+
+<svg
+  viewBox="0 0 24 24"
+  fill="currentColor"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+  {...$$restProps}
+>
+  <circle cx="12" cy="12" r="10" />
+</svg>

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

@@ -1,12 +1,12 @@
-<script lang="ts">
-  import type { IconProps } from 'lucide-svelte';
-
-  type $$Props = IconProps;
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...$$restProps}>
-  <path
-    fill="currentColor"
-    d="M480 480H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h448c17.7 0 32 14.3 32 32s-14.3 32-32 32z"
-  />
-</svg>
+<script lang="ts">
+  import type { IconProps } from 'lucide-svelte';
+
+  type $$Props = IconProps;
+</script>
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...$$restProps}>
+  <path
+    fill="currentColor"
+    d="M480 480H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h448c17.7 0 32 14.3 32 32s-14.3 32-32 32z"
+  />
+</svg>

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

@@ -1,12 +1,12 @@
-<script lang="ts">
-  import type { IconProps } from 'lucide-svelte';
-
-  type $$Props = IconProps;
-</script>
-
-<svg viewBox="0 0 24 24" {...$$restProps}>
-  <path
-    d="M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z"
-    fill="currentColor"
-  />
-</svg>
+<script lang="ts">
+  import type { IconProps } from 'lucide-svelte';
+
+  type $$Props = IconProps;
+</script>
+
+<svg viewBox="0 0 24 24" {...$$restProps}>
+  <path
+    d="M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z"
+    fill="currentColor"
+  />
+</svg>

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

@@ -1,12 +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="M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.816-5.09a.932.932 0 0 1 .923-.788h.58c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z"
-    fill="currentColor"
-  />
-</svg>
+<script lang="ts">
+  import type { IconProps } from 'lucide-svelte';
+
+  type $$Props = IconProps;
+</script>
+
+<svg role="img" viewBox="0 0 24 24" {...$$restProps}>
+  <path
+    d="M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.816-5.09a.932.932 0 0 1 .923-.788h.58c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z"
+    fill="currentColor"
+  />
+</svg>

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

@@ -1,12 +1,12 @@
-<script lang="ts">
-  import type { IconProps } from 'lucide-svelte';
-
-  type $$Props = IconProps;
-</script>
-
-<svg viewBox="0 0 24 24" {...$$restProps}>
-  <path
-    d="M0 0v7.5h7.5V0zm8.25 0v7.5h7.498V0zm8.25 0v7.5H24V0zM8.25 8.25v7.5h7.498v-7.5zm8.25 0v7.5H24v-7.5zM0 16.5V24h7.5v-7.5zm8.25 0V24h7.498v-7.5zm8.25 0V24H24v-7.5z"
-    fill="currentColor"
-  />
-</svg>
+<script lang="ts">
+  import type { IconProps } from 'lucide-svelte';
+
+  type $$Props = IconProps;
+</script>
+
+<svg viewBox="0 0 24 24" {...$$restProps}>
+  <path
+    d="M0 0v7.5h7.5V0zm8.25 0v7.5h7.498V0zm8.25 0v7.5H24V0zM8.25 8.25v7.5h7.498v-7.5zm8.25 0v7.5H24v-7.5zM0 16.5V24h7.5v-7.5zm8.25 0V24h7.498v-7.5zm8.25 0V24H24v-7.5z"
+    fill="currentColor"
+  />
+</svg>

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

@@ -1,14 +1,14 @@
-<script lang="ts">
-  import type { IconProps } from 'lucide-svelte';
-
-  type $$Props = IconProps;
-</script>
-
-<svg viewBox="0 0 25 25" fill="none" {...$$restProps}>
-  <path d="M12 25C7.58173 25 4 21.4183 4 17C4 12.5817 7.58173 9 12 9V25Z" fill="currentcolor" />
-  <path d="M12 0H4V8H12V0Z" fill="currentcolor" />
-  <path
-    d="M17 8C19.2091 8 21 6.20914 21 4C21 1.79086 19.2091 0 17 0C14.7909 0 13 1.79086 13 4C13 6.20914 14.7909 8 17 8Z"
-    fill="currentcolor"
-  />
-</svg>
+<script lang="ts">
+  import type { IconProps } from 'lucide-svelte';
+
+  type $$Props = IconProps;
+</script>
+
+<svg viewBox="0 0 25 25" fill="none" {...$$restProps}>
+  <path d="M12 25C7.58173 25 4 21.4183 4 17C4 12.5817 7.58173 9 12 9V25Z" fill="currentcolor" />
+  <path d="M12 0H4V8H12V0Z" fill="currentcolor" />
+  <path
+    d="M17 8C19.2091 8 21 6.20914 21 4C21 1.79086 19.2091 0 17 0C14.7909 0 13 1.79086 13 4C13 6.20914 14.7909 8 17 8Z"
+    fill="currentcolor"
+  />
+</svg>

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

@@ -1,14 +1,14 @@
-<script lang="ts">
-  import type { IconProps } from 'lucide-svelte';
-
-  type $$Props = IconProps;
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" {...$$restProps}>
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M5.71429 4H14.8572C16.7507 4 18.2857 5.53502 18.2857 7.42857C18.2857 9.32213 16.7507 10.8571 14.8572 10.8571H12.5714V20H11.4286C8.27267 20 5.71429 17.4416 5.71429 14.2857V4ZM10.2857 10.8571H8.00001V14.2857C8.00001 15.7785 8.95408 17.0485 10.2857 17.5192V10.8571ZM8.00001 8.57143H14.8572C15.4883 8.57143 16 8.05975 16 7.42857C16 6.7974 15.4883 6.28571 14.8572 6.28571H8.00001V8.57143Z"
-    fill="currentcolor"
-  />
-</svg>
+<script lang="ts">
+  import type { IconProps } from 'lucide-svelte';
+
+  type $$Props = IconProps;
+</script>
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" {...$$restProps}>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M5.71429 4H14.8572C16.7507 4 18.2857 5.53502 18.2857 7.42857C18.2857 9.32213 16.7507 10.8571 14.8572 10.8571H12.5714V20H11.4286C8.27267 20 5.71429 17.4416 5.71429 14.2857V4ZM10.2857 10.8571H8.00001V14.2857C8.00001 15.7785 8.95408 17.0485 10.2857 17.5192V10.8571ZM8.00001 8.57143H14.8572C15.4883 8.57143 16 8.05975 16 7.42857C16 6.7974 15.4883 6.28571 14.8572 6.28571H8.00001V8.57143Z"
+    fill="currentcolor"
+  />
+</svg>