create-tauri-ui 0.3.1 → 0.3.3

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

@@ -1,124 +1,108 @@
-<script lang="ts">
-  import { Activity, CreditCard, DollarSign, Download, Users } from 'lucide-svelte';
-  import { Avatar, AvatarFallback, AvatarImage } from '$components/ui/avatar';
-  import { Button } from '$components/ui/button';
-  import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '$components/ui/card';
-  import { Tabs, TabsContent, TabsList, TabsTrigger } from '$components/ui/tabs';
-  import MainNav from './MainNav.svelte';
-  import Overview from './Overview.svelte';
-  import RecentSales from './RecentSales.svelte';
-  import Search from './Search.svelte';
-</script>
-
-<div class="md:hidden">
-  <img
-    src="/examples/dashboard-light.png"
-    width={1280}
-    height={866}
-    alt="Dashboard"
-    class="block dark:hidden"
-  />
-  <img
-    src="/examples/dashboard-dark.png"
-    width={1280}
-    height={866}
-    alt="Dashboard"
-    class="hidden dark:block"
-  />
-</div>
-<div class="hidden flex-col md:flex">
-  <div class="border-b">
-    <div class="flex h-16 items-center px-4">
-      <MainNav class="mx-6" />
-      <div class="ml-auto flex items-center space-x-4">
-        <Search />
-        <Avatar className="h-8 w-8">
-          <AvatarImage src="/avatars/01.png" alt="@shadcn" />
-          <AvatarFallback>SC</AvatarFallback>
-        </Avatar>
-      </div>
-    </div>
-  </div>
-  <div class="flex-1 space-y-4 p-8 pt-6">
-    <div class="flex items-center justify-between space-y-2">
-      <h2 class="text-3xl font-bold tracking-tight">Dashboard</h2>
-      <div class="flex items-center space-x-2">
-        <Button size="sm">
-          <Download class="mr-2 h-4 w-4" />
-          Download
-        </Button>
-      </div>
-    </div>
-    <Tabs value="overview" class="space-y-4">
-      <TabsList>
-        <TabsTrigger value="overview">Overview</TabsTrigger>
-        <TabsTrigger value="analytics" disabled>Analytics</TabsTrigger>
-        <TabsTrigger value="reports" disabled>Reports</TabsTrigger>
-        <TabsTrigger value="notifications" disabled>Notifications</TabsTrigger>
-      </TabsList>
-      <TabsContent value="overview" class="space-y-4">
-        <div class="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
-          <Card>
-            <CardHeader class="flex flex-row items-center justify-between space-y-0 pb-2">
-              <CardTitle class="text-sm font-medium">Total Revenue</CardTitle>
-              <DollarSign class="h-4 w-4 text-muted-foreground" />
-            </CardHeader>
-            <CardContent>
-              <div class="text-2xl font-bold">$45,231.89</div>
-              <p class="text-xs text-muted-foreground">+20.1% from last month</p>
-            </CardContent>
-          </Card>
-          <Card>
-            <CardHeader class="flex flex-row items-center justify-between space-y-0 pb-2">
-              <CardTitle class="text-sm font-medium">Subscriptions</CardTitle>
-              <Users class="h-4 w-4 text-muted-foreground" />
-            </CardHeader>
-            <CardContent>
-              <div class="text-2xl font-bold">+2350</div>
-              <p class="text-xs text-muted-foreground">+180.1% from last month</p>
-            </CardContent>
-          </Card>
-          <Card>
-            <CardHeader class="flex flex-row items-center justify-between space-y-0 pb-2">
-              <CardTitle class="text-sm font-medium">Sales</CardTitle>
-              <CreditCard class="h-4 w-4 text-muted-foreground" />
-            </CardHeader>
-            <CardContent>
-              <div class="text-2xl font-bold">+12,234</div>
-              <p class="text-xs text-muted-foreground">+19% from last month</p>
-            </CardContent>
-          </Card>
-          <Card>
-            <CardHeader class="flex flex-row items-center justify-between space-y-0 pb-2">
-              <CardTitle class="text-sm font-medium">Active Now</CardTitle>
-              <Activity class="h-4 w-4 text-muted-foreground" />
-            </CardHeader>
-            <CardContent>
-              <div class="text-2xl font-bold">+573</div>
-              <p class="text-xs text-muted-foreground">+201 since last hour</p>
-            </CardContent>
-          </Card>
-        </div>
-        <div class="grid gap-4 md:grid-cols-2 lg:grid-cols-7">
-          <Card class="col-span-4">
-            <CardHeader>
-              <CardTitle>Overview</CardTitle>
-            </CardHeader>
-            <CardContent>
-              <Overview />
-            </CardContent>
-          </Card>
-          <Card class="col-span-3">
-            <CardHeader>
-              <CardTitle>Recent Sales</CardTitle>
-              <CardDescription>You made 265 sales this month.</CardDescription>
-            </CardHeader>
-            <CardContent>
-              <RecentSales />
-            </CardContent>
-          </Card>
-        </div>
-      </TabsContent>
-    </Tabs>
-  </div>
-</div>
+<script lang="ts">
+  import { Activity, CreditCard, DollarSign, Download, Users } from 'lucide-svelte';
+  import { Avatar, AvatarFallback, AvatarImage } from '$components/ui/avatar';
+  import { Button } from '$components/ui/button';
+  import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '$components/ui/card';
+  import { Tabs, TabsContent, TabsList, TabsTrigger } from '$components/ui/tabs';
+  import MainNav from './MainNav.svelte';
+  import Overview from './Overview.svelte';
+  import RecentSales from './RecentSales.svelte';
+  import Search from './Search.svelte';
+</script>
+
+<div class="flex-col md:flex">
+  <div class="border-b">
+    <div class="flex h-16 items-center px-4">
+      <MainNav class="mx-6" />
+      <div class="ml-auto flex items-center space-x-4">
+        <Search />
+        <Avatar className="h-8 w-8">
+          <AvatarImage src="/avatars/01.png" alt="@shadcn" />
+          <AvatarFallback>SC</AvatarFallback>
+        </Avatar>
+      </div>
+    </div>
+  </div>
+  <div class="flex-1 space-y-4 p-8 pt-6">
+    <div class="flex items-center justify-between space-y-2">
+      <h2 class="text-3xl font-bold tracking-tight">Dashboard</h2>
+      <div class="flex items-center space-x-2">
+        <Button size="sm">
+          <Download class="mr-2 h-4 w-4" />
+          Download
+        </Button>
+      </div>
+    </div>
+    <Tabs value="overview" class="space-y-4">
+      <TabsList>
+        <TabsTrigger value="overview">Overview</TabsTrigger>
+        <TabsTrigger value="analytics" disabled>Analytics</TabsTrigger>
+        <TabsTrigger value="reports" disabled>Reports</TabsTrigger>
+        <TabsTrigger value="notifications" disabled>Notifications</TabsTrigger>
+      </TabsList>
+      <TabsContent value="overview" class="space-y-4">
+        <div class="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
+          <Card>
+            <CardHeader class="flex flex-row items-center justify-between space-y-0 pb-2">
+              <CardTitle class="text-sm font-medium">Total Revenue</CardTitle>
+              <DollarSign class="h-4 w-4 text-muted-foreground" />
+            </CardHeader>
+            <CardContent>
+              <div class="text-2xl font-bold">$45,231.89</div>
+              <p class="text-xs text-muted-foreground">+20.1% from last month</p>
+            </CardContent>
+          </Card>
+          <Card>
+            <CardHeader class="flex flex-row items-center justify-between space-y-0 pb-2">
+              <CardTitle class="text-sm font-medium">Subscriptions</CardTitle>
+              <Users class="h-4 w-4 text-muted-foreground" />
+            </CardHeader>
+            <CardContent>
+              <div class="text-2xl font-bold">+2350</div>
+              <p class="text-xs text-muted-foreground">+180.1% from last month</p>
+            </CardContent>
+          </Card>
+          <Card>
+            <CardHeader class="flex flex-row items-center justify-between space-y-0 pb-2">
+              <CardTitle class="text-sm font-medium">Sales</CardTitle>
+              <CreditCard class="h-4 w-4 text-muted-foreground" />
+            </CardHeader>
+            <CardContent>
+              <div class="text-2xl font-bold">+12,234</div>
+              <p class="text-xs text-muted-foreground">+19% from last month</p>
+            </CardContent>
+          </Card>
+          <Card>
+            <CardHeader class="flex flex-row items-center justify-between space-y-0 pb-2">
+              <CardTitle class="text-sm font-medium">Active Now</CardTitle>
+              <Activity class="h-4 w-4 text-muted-foreground" />
+            </CardHeader>
+            <CardContent>
+              <div class="text-2xl font-bold">+573</div>
+              <p class="text-xs text-muted-foreground">+201 since last hour</p>
+            </CardContent>
+          </Card>
+        </div>
+        <div class="grid gap-4 md:grid-cols-2 lg:grid-cols-7">
+          <Card class="col-span-4">
+            <CardHeader>
+              <CardTitle>Overview</CardTitle>
+            </CardHeader>
+            <CardContent>
+              <Overview />
+            </CardContent>
+          </Card>
+          <Card class="col-span-3">
+            <CardHeader>
+              <CardTitle>Recent Sales</CardTitle>
+              <CardDescription>You made 265 sales this month.</CardDescription>
+            </CardHeader>
+            <CardContent>
+              <RecentSales />
+            </CardContent>
+          </Card>
+        </div>
+      </TabsContent>
+    </Tabs>
+  </div>
+</div>

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>