create-tauri-ui 0.3.0 → 0.3.2

package/templates/sveltekit/src/lib/components/docs/examples/sheet/SheetDemo.svelte

@@ -1,44 +0,0 @@
-<script lang="ts">
-  import { Button } from '$components/ui/button';
-  import { Input } from '$components/ui/input';
-  import { Label } from '$components/ui/label';
-  import {
-    Sheet,
-    SheetClose,
-    SheetContent,
-    SheetDescription,
-    SheetFooter,
-    SheetHeader,
-    SheetTitle,
-    SheetTrigger
-  } from '$components/ui/sheet';
-</script>
-
-<Sheet>
-  <SheetTrigger>
-    <Button variant="outline">Open</Button>
-  </SheetTrigger>
-  <SheetContent position="right" size="sm">
-    <SheetHeader>
-      <SheetTitle>Edit profile</SheetTitle>
-      <SheetDescription>
-        Make changes to your profile here. Click save when you're done.
-      </SheetDescription>
-    </SheetHeader>
-    <div class="grid gap-4 py-4">
-      <div class="grid grid-cols-4 items-center gap-4">
-        <Label for="name" class="text-right">Name</Label>
-        <Input id="name" value="Pedro Duarte" class="col-span-3" />
-      </div>
-      <div class="grid grid-cols-4 items-center gap-4">
-        <Label for="username" class="text-right">Username</Label>
-        <Input id="username" value="@peduarte" class="col-span-3" />
-      </div>
-    </div>
-    <SheetFooter>
-      <SheetClose>
-        <Button type="submit">Save changes</Button>
-      </SheetClose>
-    </SheetFooter>
-  </SheetContent>
-</Sheet>

package/templates/sveltekit/src/lib/components/docs/examples/sheet/SheetPositionDemo.svelte

@@ -1,62 +0,0 @@
-<script lang="ts">
-  import { Button } from '$components/ui/button';
-  import { Input } from '$components/ui/input';
-  import { Label } from '$components/ui/label';
-  import { RadioGroup, RadioGroupItem } from '$components/ui/radio-group';
-  import {
-    Sheet,
-    SheetClose,
-    SheetContent,
-    SheetDescription,
-    SheetFooter,
-    SheetHeader,
-    SheetTitle,
-    SheetTrigger
-  } from '$components/ui/sheet';
-
-  const SHEET_POSITIONS = ['top', 'right', 'bottom', 'left'] as const;
-
-  type SheetPosition = (typeof SHEET_POSITIONS)[number];
-  let position: SheetPosition = 'right';
-</script>
-
-<div class="flex flex-col space-y-8">
-  <RadioGroup bind:value={position}>
-    <div class="grid grid-cols-2 gap-2">
-      {#each SHEET_POSITIONS as position, index (index)}
-        <div class="flex items-center space-x-2">
-          <RadioGroupItem value={position} id={position} />
-          <Label for={position}>{position}</Label>
-        </div>
-      {/each}
-    </div>
-  </RadioGroup>
-  <Sheet>
-    <SheetTrigger>
-      <Button>Open {position} sheet</Button>
-    </SheetTrigger>
-    <SheetContent {position} size="content">
-      <SheetHeader>
-        <SheetTitle>Edit profile</SheetTitle>
-        <SheetDescription>
-          Make changes to your profile here. Click save when you're done.
-        </SheetDescription>
-      </SheetHeader>
-      <div class="grid gap-4 py-4">
-        <div class="grid grid-cols-4 items-center gap-4">
-          <Label for="name" class="text-right">Name</Label>
-          <Input id="name" value="Pedro Duarte" class="col-span-3" />
-        </div>
-        <div class="grid grid-cols-4 items-center gap-4">
-          <Label for="username" class="text-right">Username</Label>
-          <Input id="username" value="@peduarte" class="col-span-3" />
-        </div>
-      </div>
-      <SheetFooter>
-        <SheetClose>
-          <Button type="submit">Save changes</Button>
-        </SheetClose>
-      </SheetFooter>
-    </SheetContent>
-  </Sheet>
-</div>

package/templates/sveltekit/src/lib/components/docs/examples/sheet/SheetSizeDemo.svelte

@@ -1,62 +0,0 @@
-<script lang="ts">
-  import { Button } from '$components/ui/button';
-  import { Input } from '$components/ui/input';
-  import { Label } from '$components/ui/label';
-  import { RadioGroup, RadioGroupItem } from '$components/ui/radio-group';
-  import {
-    Sheet,
-    SheetClose,
-    SheetContent,
-    SheetDescription,
-    SheetFooter,
-    SheetHeader,
-    SheetTitle,
-    SheetTrigger
-  } from '$components/ui/sheet';
-
-  const SHEET_SIZES = ['sm', 'default', 'lg', 'xl', 'full', 'content'] as const;
-
-  type SheetSize = (typeof SHEET_SIZES)[number];
-  let size: SheetSize = 'default';
-</script>
-
-<div class="flex flex-col space-y-8">
-  <RadioGroup bind:value={size}>
-    <div class="grid grid-cols-2 gap-2">
-      {#each SHEET_SIZES as size, index (index)}
-        <div class="flex items-center space-x-2">
-          <RadioGroupItem value={size} id={size} />
-          <Label for={size}>{size}</Label>
-        </div>
-      {/each}
-    </div>
-  </RadioGroup>
-  <Sheet>
-    <SheetTrigger>
-      <Button>Open {size} sheet</Button>
-    </SheetTrigger>
-    <SheetContent position="right" {size}>
-      <SheetHeader>
-        <SheetTitle>Edit profile</SheetTitle>
-        <SheetDescription>
-          Make changes to your profile here. Click save when you're done.
-        </SheetDescription>
-      </SheetHeader>
-      <div class="grid gap-4 py-4">
-        <div class="grid grid-cols-4 items-center gap-4">
-          <Label for="name" class="text-right">Name</Label>
-          <Input id="name" value="Pedro Duarte" class="col-span-3" />
-        </div>
-        <div class="grid grid-cols-4 items-center gap-4">
-          <Label for="username" class="text-right">Username</Label>
-          <Input id="username" value="@peduarte" class="col-span-3" />
-        </div>
-      </div>
-      <SheetFooter>
-        <SheetClose>
-          <Button type="submit">Save changes</Button>
-        </SheetClose>
-      </SheetFooter>
-    </SheetContent>
-  </Sheet>
-</div>

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

@@ -1,3 +0,0 @@
-export { default as SheetDemo } from './SheetDemo.svelte';
-export { default as SheetPositionDemo } from './SheetPositionDemo.svelte';
-export { default as SheetSizeDemo } from './SheetSizeDemo.svelte';

package/templates/sveltekit/src/lib/components/docs/examples/skeleton/SkeletonDemo.svelte

@@ -1,11 +0,0 @@
-<script lang="ts">
-  import { Skeleton } from '$components/ui/skeleton';
-</script>
-
-<div class="flex items-center space-x-4">
-  <Skeleton class="h-12 w-12 rounded-full" />
-  <div class="space-y-2">
-    <Skeleton class="h-4 w-[250px]" />
-    <Skeleton class="h-4 w-[200px]" />
-  </div>
-</div>

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

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

package/templates/sveltekit/src/lib/components/docs/examples/slider/SliderDemo.svelte

@@ -1,5 +0,0 @@
-<script lang="ts">
-  import { Slider } from '$components/ui/slider';
-</script>
-
-<Slider value={50} max={100} step={1} class="max-w-[70%]" />

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

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

package/templates/sveltekit/src/lib/components/docs/examples/switch/SwitchDemo.svelte

@@ -1,9 +0,0 @@
-<script lang="ts">
-  import { Label } from '$components/ui/label';
-  import { Switch } from '$components/ui/switch';
-</script>
-
-<div class="flex items-center space-x-2">
-  <Switch id="airplane-mode" />
-  <Label for="airplane-mode">Airplane Mode</Label>
-</div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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