create-tauri-ui 0.3.1 → 0.3.2

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

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

@@ -1,14 +0,0 @@
-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/mdsvex/a.svelte

@@ -1,12 +0,0 @@
-<script lang="ts">
-  import type { HTMLAnchorAttributes } from 'svelte/elements';
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-  export let href: HTMLAnchorAttributes['href'] = undefined;
-</script>
-
-<a {href} class={cn('font-medium underline underline-offset-4', className)} {...$$restProps}>
-  <slot />
-</a>

package/templates/sveltekit/src/lib/components/docs/mdsvex/blockquote.svelte

@@ -1,10 +0,0 @@
-<script lang="ts">
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<blockquote class={cn('mt-6 border-l-2 pl-6 italic', className)} {...$$restProps}>
-  <slot />
-</blockquote>

package/templates/sveltekit/src/lib/components/docs/mdsvex/h1.svelte

@@ -1,10 +0,0 @@
-<script lang="ts">
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<h1 class={cn('mt-2 scroll-m-20 text-4xl font-bold', className)} {...$$restProps}>
-  <slot />
-</h1>

package/templates/sveltekit/src/lib/components/docs/mdsvex/h2.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<h2
-  class={cn(
-    'mt-12 scroll-m-20 border-b pb-2 text-2xl font-semibold tracking-tight first:mt-0',
-    className
-  )}
-  {...$$restProps}
->
-  <slot />
-</h2>

package/templates/sveltekit/src/lib/components/docs/mdsvex/h3.svelte

@@ -1,10 +0,0 @@
-<script lang="ts">
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<h3 class={cn('mt-8 scroll-m-20 text-xl font-semibold tracking-tight', className)} {...$$restProps}>
-  <slot />
-</h3>

package/templates/sveltekit/src/lib/components/docs/mdsvex/h4.svelte

@@ -1,10 +0,0 @@
-<script lang="ts">
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<h4 class={cn('mt-8 scroll-m-20 text-lg font-semibold tracking-tight', className)} {...$$restProps}>
-  <slot />
-</h4>

package/templates/sveltekit/src/lib/components/docs/mdsvex/h5.svelte

@@ -1,10 +0,0 @@
-<script lang="ts">
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<h5 class={cn('mt-8 scroll-m-20 text-lg font-semibold tracking-tight', className)} {...$$restProps}>
-  <slot />
-</h5>

package/templates/sveltekit/src/lib/components/docs/mdsvex/h6.svelte

@@ -1,13 +0,0 @@
-<script lang="ts">
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<h6
-  class={cn('mt-8 scroll-m-20 text-base font-semibold tracking-tight', className)}
-  {...$$restProps}
->
-  <slot />
-</h6>

package/templates/sveltekit/src/lib/components/docs/mdsvex/hr.svelte

@@ -1,8 +0,0 @@
-<script lang="ts">
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<hr class={cn('my-4 md:my-8', className)} {...$$restProps} />

package/templates/sveltekit/src/lib/components/docs/mdsvex/img.svelte

@@ -1,11 +0,0 @@
-<script lang="ts">
-  import type { HTMLImgAttributes } from 'svelte/elements';
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-  export let src: HTMLImgAttributes['src'] = undefined;
-  export let alt: HTMLImgAttributes['alt'] = undefined;
-</script>
-
-<img {src} {alt} class={cn('rounded-md', className)} {...$$restProps} />

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

@@ -1,19 +0,0 @@
-export { default as a } from './a.svelte';
-export { default as blockquote } from './blockquote.svelte';
-export { default as h1 } from './h1.svelte';
-export { default as h2 } from './h2.svelte';
-export { default as h3 } from './h3.svelte';
-export { default as h4 } from './h4.svelte';
-export { default as h5 } from './h5.svelte';
-export { default as h6 } from './h6.svelte';
-export { default as hr } from './hr.svelte';
-export { default as img } from './img.svelte';
-export { default as li } from './li.svelte';
-export { default as ol } from './ol.svelte';
-export { default as p } from './p.svelte';
-export { default as pre } from './pre.svelte';
-export { default as table } from './table.svelte';
-export { default as td } from './td.svelte';
-export { default as th } from './th.svelte';
-export { default as tr } from './tr.svelte';
-export { default as ul } from './ul.svelte';

package/templates/sveltekit/src/lib/components/docs/mdsvex/li.svelte

@@ -1,10 +0,0 @@
-<script lang="ts">
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<li class={cn('mt-2', className)} {...$$restProps}>
-  <slot />
-</li>

package/templates/sveltekit/src/lib/components/docs/mdsvex/mdsvex.svelte

@@ -1,37 +0,0 @@
-<!-- MDsveX Layout Component -->
-<script context="module">
-  import '../../../../styles/mdsvex.css';
-  import {
-    a,
-    blockquote,
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6,
-    hr,
-    img,
-    li,
-    ol,
-    p,
-    pre,
-    table,
-    td,
-    th,
-    tr,
-    ul
-  } from '$components/docs/mdsvex';
-
-  export { a, blockquote, h1, h2, h3, h4, h5, h6, hr, img, li, ol, p, pre, table, td, th, tr, ul };
-</script>
-
-<script lang="ts">
-  export let title = '';
-  export let description = '';
-  export let source = '';
-  export let component = '';
-  export let radix = '';
-</script>
-
-<slot />

package/templates/sveltekit/src/lib/components/docs/mdsvex/ol.svelte

@@ -1,10 +0,0 @@
-<script lang="ts">
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<ol class={cn('my-6 ml-6 list-decimal', className)} {...$$restProps}>
-  <slot />
-</ol>

package/templates/sveltekit/src/lib/components/docs/mdsvex/p.svelte

@@ -1,10 +0,0 @@
-<script lang="ts">
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<p class={cn('leading-7 [&:not(:first-child)]:mt-6', className)} {...$$restProps}>
-  <slot />
-</p>

package/templates/sveltekit/src/lib/components/docs/mdsvex/pre.svelte

@@ -1,24 +0,0 @@
-<script lang="ts">
-  import { CopyButton } from '$components/docs';
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-
-  let codeString: string;
-
-  function copyCodeToClipboard(node: HTMLPreElement) {
-    codeString = node.innerText.trim() ?? '';
-  }
-</script>
-
-<pre
-  use:copyCodeToClipboard
-  class={cn(
-    'mb-4 mt-6 max-h-[650px] overflow-x-auto rounded-lg border py-4 data-[theme=dark]:bg-background data-[theme=light]:bg-white',
-    className
-  )}
-  {...$$restProps}>
-	<slot />
-</pre>
-<CopyButton value={codeString} class={cn('pre-copy-btn absolute right-4 top-4')} />

package/templates/sveltekit/src/lib/components/docs/mdsvex/table.svelte

@@ -1,12 +0,0 @@
-<script lang="ts">
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<div class="my-6 w-full overflow-y-auto">
-  <table class={cn('w-full', className)} {...$$restProps}>
-    <slot />
-  </table>
-</div>

package/templates/sveltekit/src/lib/components/docs/mdsvex/td.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<td
-  class={cn(
-    'border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right',
-    className
-  )}
-  {...$$restProps}
->
-  <slot />
-</td>

package/templates/sveltekit/src/lib/components/docs/mdsvex/th.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<th
-  class={cn(
-    'border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right',
-    className
-  )}
-  {...$$restProps}
->
-  <slot />
-</th>

package/templates/sveltekit/src/lib/components/docs/mdsvex/tr.svelte

@@ -1,10 +0,0 @@
-<script lang="ts">
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<tr class={cn('m-0 border-t p-0 even:bg-muted', className)} {...$$restProps}>
-  <slot />
-</tr>

package/templates/sveltekit/src/lib/components/docs/mdsvex/ul.svelte

@@ -1,10 +0,0 @@
-<script lang="ts">
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<ul class={cn('my-6 ml-6 list-disc', className)} {...$$restProps}>
-  <slot />
-</ul>

package/templates/sveltekit/src/lib/components/docs/nav/DocsSidebarNav.svelte

@@ -1,24 +0,0 @@
-<script lang="ts">
-  import type { SidebarNavItem } from '$lib/types/nav';
-  import { cn } from '$lib/utils';
-  import DocsSidebarNavItems from './DocsSidebarNavItems.svelte';
-
-  export let items: SidebarNavItem[] = [];
-</script>
-
-{#if items.length}
-  <div class="w-full">
-    {#each items as item, index (index)}
-      <div class={cn('pb-4')}>
-        <h4 class="mb-1 rounded-md px-2 py-1 text-sm font-semibold">
-          {item.title}
-        </h4>
-        {#if item?.items}
-          {#if item?.items?.length}
-            <DocsSidebarNavItems items={item.items} />
-          {/if}
-        {/if}
-      </div>
-    {/each}
-  </div>
-{/if}

package/templates/sveltekit/src/lib/components/docs/nav/DocsSidebarNavItems.svelte

@@ -1,43 +0,0 @@
-<script lang="ts">
-  import type { SidebarNavItem } from '$lib/types/nav';
-  import { page } from '$app/stores';
-  import { cn } from '$lib/utils';
-
-  export let items: SidebarNavItem[] = [];
-</script>
-
-{#if items.length}
-  <div class="grid grid-flow-row auto-rows-max text-sm">
-    {#each items as item, index (index)}
-      {#if item.href}
-        <a
-          href={item.href}
-          class={cn(
-            'group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline',
-            item.disabled && 'cursor-not-allowed opacity-60',
-            $page.url.pathname === item.href
-              ? 'font-medium text-foreground'
-              : 'text-muted-foreground'
-          )}
-          target={item.external ? '_blank' : ''}
-          rel={item.external ? 'noreferrer' : ''}
-        >
-          {item.title}
-          {#if item.label}
-            <span
-              class="ml-2 rounded-md bg-[#adfa1d] px-1.5 py-0.5 text-xs leading-none text-[#000000] no-underline group-hover:no-underline"
-            >
-              {item.label}
-            </span>
-          {/if}
-        </a>
-      {:else}
-        <span
-          class="flex w-full cursor-not-allowed items-center rounded-md p-2 text-muted-foreground hover:underline"
-        >
-          {item.title}
-        </span>
-      {/if}
-    {/each}
-  </div>
-{/if}

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

@@ -1,31 +0,0 @@
-<script lang="ts">
-  import { page } from '$app/stores';
-  import { docsConfig } from '$lib/config/docs';
-  import { siteConfig } from '$lib/config/site';
-  import { cn } from '$lib/utils';
-  import { Icons } from '../icons';
-</script>
-
-<div class="mr-4 hidden md:flex">
-  <a href="/" class="mr-6 flex items-center space-x-2">
-    <Icons.logo class="h-6 w-6" />
-    <span class="hidden font-bold sm:inline-block">
-      {siteConfig.name}
-    </span>
-  </a>
-  <nav class="flex items-center space-x-6 text-sm font-medium">
-    {#each docsConfig.mainNav as navItem}
-      <a
-        href={navItem.href}
-        class={cn(
-          'transition-colors hover:text-foreground/80',
-          $page.url.pathname === navItem.href ? 'text-foreground' : 'text-foreground/60'
-        )}
-        target={navItem.external ? '_blank' : undefined}
-        rel={navItem.external ? 'noreferrer' : undefined}
-      >
-        {navItem.title}
-      </a>
-    {/each}
-  </nav>
-</div>

package/templates/sveltekit/src/lib/components/docs/nav/MobileLink.svelte

@@ -1,19 +0,0 @@
-<script lang="ts">
-  import { page } from '$app/stores';
-  import { cn } from '$lib/utils';
-
-  export let href: string;
-  export let open: boolean;
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<a
-  {href}
-  on:click={() => (open = false)}
-  class={cn($page.url.pathname === href ? 'text-foreground' : 'text-foreground/60', className)}
-  {...$$restProps}
->
-  <slot />
-</a>

package/templates/sveltekit/src/lib/components/docs/nav/MobileNav.svelte

@@ -1,56 +0,0 @@
-<script lang="ts">
-  import { SidebarOpen } from 'lucide-svelte';
-  import { Button } from '$components/ui/button';
-  import { Sheet, SheetContent, SheetTrigger } from '$components/ui/sheet';
-  import { docsConfig } from '$lib/config/docs';
-  import { siteConfig } from '$lib/config/site';
-  import { Icons } from '../icons';
-  import MobileLink from './MobileLink.svelte';
-
-  export let open = false;
-</script>
-
-<Sheet bind:open>
-  <SheetTrigger>
-    <Button
-      variant="ghost"
-      class="mr-2 px-0 text-base hover:bg-transparent focus-visible:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0 md:hidden"
-    >
-      <SidebarOpen class="h-6 w-6" />
-      <span class="sr-only">Toggle Menu</span>
-    </Button>
-  </SheetTrigger>
-  <SheetContent size="xl" position="left" class="pr-0">
-    <MobileLink href="/" class="flex items-center !text-foreground" bind:open>
-      <Icons.logo class="mr-2 h-4 w-4" />
-      <span class="font-bold">{siteConfig.name}</span>
-    </MobileLink>
-    <div class="my-4 h-[calc(100vh-8rem)] overflow-auto pb-10 pl-6">
-      <div class="flex flex-col space-y-3">
-        {#each docsConfig.mainNav as navItem, index (navItem + index.toString())}
-          {#if navItem.href}
-            <MobileLink href={navItem.href} bind:open>
-              {navItem.title}
-            </MobileLink>
-          {/if}
-        {/each}
-      </div>
-      <div class="flex flex-col space-y-2">
-        {#each docsConfig.sidebarNav as navItem, index (index)}
-          <div class="flex flex-col space-y-3 pt-6">
-            <h4 class="font-medium">{navItem.title}</h4>
-            {#if navItem?.items?.length}
-              {#each navItem.items as item}
-                {#if !item.disabled && item.href}
-                  <MobileLink href={item.href} bind:open>
-                    {item.title}
-                  </MobileLink>
-                {/if}
-              {/each}
-            {/if}
-          </div>
-        {/each}
-      </div>
-    </div>
-  </SheetContent>
-</Sheet>

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

@@ -1,4 +0,0 @@
-export { default as MainNav } from './MainNav.svelte';
-export { default as MobileNav } from './MobileNav.svelte';
-export { default as DocsSidebarNav } from './DocsSidebarNav.svelte';
-export { default as DocsSidebarNavItems } from './DocsSidebarNavItems.svelte';

package/templates/sveltekit/src/lib/components/docs/page-header/PageHeader.svelte

@@ -1,13 +0,0 @@
-<script lang="ts">
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<section
-  class={cn('flex max-w-[980px] flex-col items-start gap-2 px-4 pt-8 md:pt-12', className)}
-  {...$$restProps}
->
-  <slot />
-</section>