create-tauri-ui 0.3.2 → 0.3.3

package/templates/sveltekit/src/lib/components/ui/select/SelectContent.svelte

@@ -1,26 +1,26 @@
-<script lang="ts">
-  import { Select as SelectPrimitive } from 'radix-svelte';
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<SelectPrimitive.Portal>
-  <SelectPrimitive.Content
-    class={cn(
-      'relative z-50 min-w-[8rem] translate-y-1 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md animate-in fade-in-80',
-      className
-    )}
-    {...$$restProps}
-  >
-    <SelectPrimitive.Viewport
-      class={cn(
-        'p-1',
-        'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]'
-      )}
-    >
-      <slot />
-    </SelectPrimitive.Viewport>
-  </SelectPrimitive.Content>
-</SelectPrimitive.Portal>
+<script lang="ts">
+  import { Select as SelectPrimitive } from 'radix-svelte';
+  import { cn } from '$lib/utils';
+
+  let className: string | undefined | null = undefined;
+  export { className as class };
+</script>
+
+<SelectPrimitive.Portal>
+  <SelectPrimitive.Content
+    class={cn(
+      'relative z-50 min-w-[8rem] translate-y-1 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md animate-in fade-in-80',
+      className
+    )}
+    {...$$restProps}
+  >
+    <SelectPrimitive.Viewport
+      class={cn(
+        'p-1',
+        'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]'
+      )}
+    >
+      <slot />
+    </SelectPrimitive.Viewport>
+  </SelectPrimitive.Content>
+</SelectPrimitive.Portal>

package/templates/sveltekit/src/lib/components/ui/select/SelectItem.svelte

@@ -1,29 +1,29 @@
-<script lang="ts">
-  import type { SelectItemProps } from 'radix-svelte';
-  import { Check } from 'lucide-svelte';
-  import { Select as SelectPrimitive } from 'radix-svelte';
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-  export let value: SelectItemProps['value'] = '';
-</script>
-
-<SelectPrimitive.Item
-  class={cn(
-    'relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 focus:bg-accent focus:text-accent-foreground',
-    className
-  )}
-  {value}
-  {...$$restProps}
->
-  <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-    <SelectPrimitive.ItemIndicator>
-      <Check class="h-4 w-4" />
-    </SelectPrimitive.ItemIndicator>
-  </span>
-
-  <SelectPrimitive.ItemText>
-    <slot />
-  </SelectPrimitive.ItemText>
-</SelectPrimitive.Item>
+<script lang="ts">
+  import type { SelectItemProps } from 'radix-svelte';
+  import { Check } from 'lucide-svelte';
+  import { Select as SelectPrimitive } from 'radix-svelte';
+  import { cn } from '$lib/utils';
+
+  let className: string | undefined | null = undefined;
+  export { className as class };
+  export let value: SelectItemProps['value'] = '';
+</script>
+
+<SelectPrimitive.Item
+  class={cn(
+    'relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 focus:bg-accent focus:text-accent-foreground',
+    className
+  )}
+  {value}
+  {...$$restProps}
+>
+  <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+    <SelectPrimitive.ItemIndicator>
+      <Check class="h-4 w-4" />
+    </SelectPrimitive.ItemIndicator>
+  </span>
+
+  <SelectPrimitive.ItemText>
+    <slot />
+  </SelectPrimitive.ItemText>
+</SelectPrimitive.Item>

package/templates/sveltekit/src/lib/components/ui/select/SelectLabel.svelte

@@ -1,14 +1,14 @@
-<script lang="ts">
-  import { Select as SelectPrimitive } from 'radix-svelte';
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<SelectPrimitive.Label
-  class={cn('py-1.5 pl-8 pr-2 text-sm font-semibold', className)}
-  {...$$restProps}
->
-  <slot />
-</SelectPrimitive.Label>
+<script lang="ts">
+  import { Select as SelectPrimitive } from 'radix-svelte';
+  import { cn } from '$lib/utils';
+
+  let className: string | undefined | null = undefined;
+  export { className as class };
+</script>
+
+<SelectPrimitive.Label
+  class={cn('py-1.5 pl-8 pr-2 text-sm font-semibold', className)}
+  {...$$restProps}
+>
+  <slot />
+</SelectPrimitive.Label>

package/templates/sveltekit/src/lib/components/ui/select/SelectSeparator.svelte

@@ -1,9 +1,9 @@
-<script lang="ts">
-  import { Select as SelectPrimitive } from 'radix-svelte';
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<SelectPrimitive.Separator class={cn('-mx-1 my-1 h-px bg-muted', className)} {...$$restProps} />
+<script lang="ts">
+  import { Select as SelectPrimitive } from 'radix-svelte';
+  import { cn } from '$lib/utils';
+
+  let className: string | undefined | null = undefined;
+  export { className as class };
+</script>
+
+<SelectPrimitive.Separator class={cn('-mx-1 my-1 h-px bg-muted', className)} {...$$restProps} />

package/templates/sveltekit/src/lib/components/ui/select/SelectTrigger.svelte

@@ -1,21 +1,21 @@
-<script lang="ts">
-  import { ChevronDown } from 'lucide-svelte';
-  import { Select as SelectPrimitive } from 'radix-svelte';
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<SelectPrimitive.Trigger
-  class={cn(
-    'flex h-10 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
-    className
-  )}
-  {...$$restProps}
->
-  <slot />
-  <SelectPrimitive.Icon>
-    <ChevronDown class="h-4 w-4 opacity-50" />
-  </SelectPrimitive.Icon>
-</SelectPrimitive.Trigger>
+<script lang="ts">
+  import { ChevronDown } from 'lucide-svelte';
+  import { Select as SelectPrimitive } from 'radix-svelte';
+  import { cn } from '$lib/utils';
+
+  let className: string | undefined | null = undefined;
+  export { className as class };
+</script>
+
+<SelectPrimitive.Trigger
+  class={cn(
+    'flex h-10 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+    className
+  )}
+  {...$$restProps}
+>
+  <slot />
+  <SelectPrimitive.Icon>
+    <ChevronDown class="h-4 w-4 opacity-50" />
+  </SelectPrimitive.Icon>
+</SelectPrimitive.Trigger>

package/templates/sveltekit/src/lib/components/ui/select/index.ts

@@ -1,10 +1,10 @@
-import { Select as SelectPrimitive } from 'radix-svelte';
-
-export { default as SelectContent } from './SelectContent.svelte';
-export { default as SelectLabel } from './SelectItem.svelte';
-export { default as SelectSeparator } from './SelectSeparator.svelte';
-export { default as SelectTrigger } from './SelectTrigger.svelte';
-
-export const Select = SelectPrimitive.Root;
-export const SelectGroup = SelectPrimitive.Group;
-export const SelectValue = SelectPrimitive.Value;
+import { Select as SelectPrimitive } from 'radix-svelte';
+
+export { default as SelectContent } from './SelectContent.svelte';
+export { default as SelectLabel } from './SelectItem.svelte';
+export { default as SelectSeparator } from './SelectSeparator.svelte';
+export { default as SelectTrigger } from './SelectTrigger.svelte';
+
+export const Select = SelectPrimitive.Root;
+export const SelectGroup = SelectPrimitive.Group;
+export const SelectValue = SelectPrimitive.Value;

package/templates/sveltekit/src/lib/components/ui/separator/Separator.svelte

@@ -1,22 +1,22 @@
-<script lang="ts">
-  import type { SeparatorRootProps } from 'radix-svelte';
-  import { Separator } from 'radix-svelte';
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-
-  export let orientation: SeparatorRootProps['orientation'] = 'horizontal';
-  export let decorative: SeparatorRootProps['decorative'] = true;
-</script>
-
-<Separator.Root
-  {orientation}
-  {decorative}
-  class={cn(
-    'shrink-0 bg-border',
-    orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',
-    className
-  )}
-  {...$$restProps}
-/>
+<script lang="ts">
+  import type { SeparatorRootProps } from 'radix-svelte';
+  import { Separator } from 'radix-svelte';
+  import { cn } from '$lib/utils';
+
+  let className: string | undefined | null = undefined;
+  export { className as class };
+
+  export let orientation: SeparatorRootProps['orientation'] = 'horizontal';
+  export let decorative: SeparatorRootProps['decorative'] = true;
+</script>
+
+<Separator.Root
+  {orientation}
+  {decorative}
+  class={cn(
+    'shrink-0 bg-border',
+    orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',
+    className
+  )}
+  {...$$restProps}
+/>

package/templates/sveltekit/src/lib/components/ui/separator/index.ts

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

package/templates/sveltekit/src/lib/components/ui/sheet/SheetContent.svelte

@@ -1,27 +1,27 @@
-<script lang="ts">
-  import type { VariantProps } from 'class-variance-authority';
-  import { X } from 'lucide-svelte';
-  import { Dialog as SheetPrimitive } from 'radix-svelte';
-  import { cn } from '$lib/utils';
-  import { sheetVariants } from '.';
-  import SheetOverlay from './SheetOverlay.svelte';
-  import SheetPortal from './SheetPortal.svelte';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-  export let position: VariantProps<typeof sheetVariants>['position'] = 'right';
-  export let size: VariantProps<typeof sheetVariants>['size'] = 'default';
-</script>
-
-<SheetPortal {position}>
-  <SheetOverlay />
-  <SheetPrimitive.Content class={cn(sheetVariants({ position, size }), className)} {...$$restProps}>
-    <slot />
-    <SheetPrimitive.Close
-      class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-secondary hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none"
-    >
-      <X class="h-4 w-4" />
-      <span class="sr-only">Close</span>
-    </SheetPrimitive.Close>
-  </SheetPrimitive.Content>
-</SheetPortal>
+<script lang="ts">
+  import type { VariantProps } from 'class-variance-authority';
+  import { X } from 'lucide-svelte';
+  import { Dialog as SheetPrimitive } from 'radix-svelte';
+  import { cn } from '$lib/utils';
+  import { sheetVariants } from '.';
+  import SheetOverlay from './SheetOverlay.svelte';
+  import SheetPortal from './SheetPortal.svelte';
+
+  let className: string | undefined | null = undefined;
+  export { className as class };
+  export let position: VariantProps<typeof sheetVariants>['position'] = 'right';
+  export let size: VariantProps<typeof sheetVariants>['size'] = 'default';
+</script>
+
+<SheetPortal {position}>
+  <SheetOverlay />
+  <SheetPrimitive.Content class={cn(sheetVariants({ position, size }), className)} {...$$restProps}>
+    <slot />
+    <SheetPrimitive.Close
+      class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-secondary hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none"
+    >
+      <X class="h-4 w-4" />
+      <span class="sr-only">Close</span>
+    </SheetPrimitive.Close>
+  </SheetPrimitive.Content>
+</SheetPortal>

package/templates/sveltekit/src/lib/components/ui/sheet/SheetDescription.svelte

@@ -1,11 +1,11 @@
-<script lang="ts">
-  import { Dialog as SheetPrimitive } from 'radix-svelte';
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<SheetPrimitive.Description class={cn('text-sm text-muted-foreground', className)} {...$$restProps}>
-  <slot />
-</SheetPrimitive.Description>
+<script lang="ts">
+  import { Dialog as SheetPrimitive } from 'radix-svelte';
+  import { cn } from '$lib/utils';
+
+  let className: string | undefined | null = undefined;
+  export { className as class };
+</script>
+
+<SheetPrimitive.Description class={cn('text-sm text-muted-foreground', className)} {...$$restProps}>
+  <slot />
+</SheetPrimitive.Description>

package/templates/sveltekit/src/lib/components/ui/sheet/SheetFooter.svelte

@@ -1,13 +1,13 @@
-<script lang="ts">
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<div
-  class={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}
-  {...$$restProps}
->
-  <slot />
-</div>
+<script lang="ts">
+  import { cn } from '$lib/utils';
+
+  let className: string | undefined | null = undefined;
+  export { className as class };
+</script>
+
+<div
+  class={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}
+  {...$$restProps}
+>
+  <slot />
+</div>

package/templates/sveltekit/src/lib/components/ui/sheet/SheetHeader.svelte

@@ -1,10 +1,10 @@
-<script lang="ts">
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<div class={cn('flex flex-col space-y-2 text-center sm:text-left', className)} {...$$restProps}>
-  <slot />
-</div>
+<script lang="ts">
+  import { cn } from '$lib/utils';
+
+  let className: string | undefined | null = undefined;
+  export { className as class };
+</script>
+
+<div class={cn('flex flex-col space-y-2 text-center sm:text-left', className)} {...$$restProps}>
+  <slot />
+</div>

package/templates/sveltekit/src/lib/components/ui/sheet/SheetOverlay.svelte

@@ -1,15 +1,15 @@
-<script lang="ts">
-  import { Dialog as SheetPrimitive } from 'radix-svelte';
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<SheetPrimitive.Overlay
-  class={cn(
-    'fixed inset-0 z-50 bg-background/80 backdrop-blur-sm transition-all duration-100 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=open]:fade-in',
-    className
-  )}
-  {...$$restProps}
-/>
+<script lang="ts">
+  import { Dialog as SheetPrimitive } from 'radix-svelte';
+  import { cn } from '$lib/utils';
+
+  let className: string | undefined | null = undefined;
+  export { className as class };
+</script>
+
+<SheetPrimitive.Overlay
+  class={cn(
+    'fixed inset-0 z-50 bg-background/80 backdrop-blur-sm transition-all duration-100 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=open]:fade-in',
+    className
+  )}
+  {...$$restProps}
+/>

package/templates/sveltekit/src/lib/components/ui/sheet/SheetPortal.svelte

@@ -1,28 +1,28 @@
-<script lang="ts">
-  import type { VariantProps } from 'class-variance-authority';
-  import { cva } from 'class-variance-authority';
-  import { Dialog as SheetPrimitive } from 'radix-svelte';
-  import { cn } from '$lib/utils';
-
-  const portalVariants = cva('fixed inset-0 z-50 flex', {
-    variants: {
-      position: {
-        top: 'items-start',
-        bottom: 'items-end',
-        left: 'justify-start',
-        right: 'justify-end'
-      }
-    },
-    defaultVariants: { position: 'right' }
-  });
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-  export let position: VariantProps<typeof portalVariants>['position'] = 'right';
-</script>
-
-<SheetPrimitive.Portal class={cn(className)} {...$$restProps}>
-  <div class={portalVariants({ position })}>
-    <slot />
-  </div>
-</SheetPrimitive.Portal>
+<script lang="ts">
+  import type { VariantProps } from 'class-variance-authority';
+  import { cva } from 'class-variance-authority';
+  import { Dialog as SheetPrimitive } from 'radix-svelte';
+  import { cn } from '$lib/utils';
+
+  const portalVariants = cva('fixed inset-0 z-50 flex', {
+    variants: {
+      position: {
+        top: 'items-start',
+        bottom: 'items-end',
+        left: 'justify-start',
+        right: 'justify-end'
+      }
+    },
+    defaultVariants: { position: 'right' }
+  });
+
+  let className: string | undefined | null = undefined;
+  export { className as class };
+  export let position: VariantProps<typeof portalVariants>['position'] = 'right';
+</script>
+
+<SheetPrimitive.Portal class={cn(className)} {...$$restProps}>
+  <div class={portalVariants({ position })}>
+    <slot />
+  </div>
+</SheetPrimitive.Portal>

package/templates/sveltekit/src/lib/components/ui/sheet/SheetTitle.svelte

@@ -1,14 +1,14 @@
-<script lang="ts">
-  import { Dialog as SheetPrimitive } from 'radix-svelte';
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<SheetPrimitive.Title
-  class={cn('text-lg font-semibold text-foreground', className)}
-  {...$$restProps}
->
-  <slot />
-</SheetPrimitive.Title>
+<script lang="ts">
+  import { Dialog as SheetPrimitive } from 'radix-svelte';
+  import { cn } from '$lib/utils';
+
+  let className: string | undefined | null = undefined;
+  export { className as class };
+</script>
+
+<SheetPrimitive.Title
+  class={cn('text-lg font-semibold text-foreground', className)}
+  {...$$restProps}
+>
+  <slot />
+</SheetPrimitive.Title>