create-tauri-ui 0.3.1 → 0.3.3

package/templates/sveltekit/src/lib/components/ui/input/Input.svelte

@@ -1,30 +1,30 @@
-<script lang="ts">
-  import type { HTMLInputAttributes } from 'svelte/elements';
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-
-  export let value: HTMLInputAttributes['value'] = undefined;
-  export { className as class };
-</script>
-
-<input
-  class={cn(
-    'flex h-10 w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
-    className
-  )}
-  bind:value
-  on:blur
-  on:change
-  on:click
-  on:focus
-  on:keydown
-  on:keypress
-  on:keyup
-  on:mouseover
-  on:mouseenter
-  on:mouseleave
-  on:paste
-  on:input
-  {...$$restProps}
-/>
+<script lang="ts">
+  import type { HTMLInputAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils';
+
+  let className: string | undefined | null = undefined;
+
+  export let value: HTMLInputAttributes['value'] = undefined;
+  export { className as class };
+</script>
+
+<input
+  class={cn(
+    'flex h-10 w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+    className
+  )}
+  bind:value
+  on:blur
+  on:change
+  on:click
+  on:focus
+  on:keydown
+  on:keypress
+  on:keyup
+  on:mouseover
+  on:mouseenter
+  on:mouseleave
+  on:paste
+  on:input
+  {...$$restProps}
+/>

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

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

package/templates/sveltekit/src/lib/components/ui/label/Label.svelte

@@ -1,16 +1,16 @@
-<script lang="ts">
-  import { cva } from 'class-variance-authority';
-  import { Label as LabelPrimitive } from 'radix-svelte';
-  import { cn } from '$lib/utils';
-
-  const labelVariants = cva(
-    'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70'
-  );
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-</script>
-
-<LabelPrimitive.Root class={cn(labelVariants(), className)} {...$$restProps}>
-  <slot />
-</LabelPrimitive.Root>
+<script lang="ts">
+  import { cva } from 'class-variance-authority';
+  import { Label as LabelPrimitive } from 'radix-svelte';
+  import { cn } from '$lib/utils';
+
+  const labelVariants = cva(
+    'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70'
+  );
+
+  let className: string | undefined | null = undefined;
+  export { className as class };
+</script>
+
+<LabelPrimitive.Root class={cn(labelVariants(), className)} {...$$restProps}>
+  <slot />
+</LabelPrimitive.Root>

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

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

package/templates/sveltekit/src/lib/components/ui/progress/Progress.svelte

@@ -1,22 +1,22 @@
-<script lang="ts">
-  import type { ProgressRootProps } from 'radix-svelte';
-  import { Progress as ProgressPrimitive } from 'radix-svelte';
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-  export let value: ProgressRootProps['value'] = null;
-  export let max: ProgressRootProps['max'] = 100;
-</script>
-
-<ProgressPrimitive.Root
-  class={cn('relative h-4 w-full overflow-hidden rounded-full bg-secondary', className)}
-  {value}
-  {max}
-  {...$$restProps}
->
-  <ProgressPrimitive.Indicator
-    class="h-full w-full flex-1 bg-primary transition-all"
-    style={`transform: translateX(-${100 - (100 * (value ?? 0)) / (max ?? 1)}%)`}
-  />
-</ProgressPrimitive.Root>
+<script lang="ts">
+  import type { ProgressRootProps } from 'radix-svelte';
+  import { Progress as ProgressPrimitive } from 'radix-svelte';
+  import { cn } from '$lib/utils';
+
+  let className: string | undefined | null = undefined;
+  export { className as class };
+  export let value: ProgressRootProps['value'] = null;
+  export let max: ProgressRootProps['max'] = 100;
+</script>
+
+<ProgressPrimitive.Root
+  class={cn('relative h-4 w-full overflow-hidden rounded-full bg-secondary', className)}
+  {value}
+  {max}
+  {...$$restProps}
+>
+  <ProgressPrimitive.Indicator
+    class="h-full w-full flex-1 bg-primary transition-all"
+    style={`transform: translateX(-${100 - (100 * (value ?? 0)) / (max ?? 1)}%)`}
+  />
+</ProgressPrimitive.Root>

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

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

package/templates/sveltekit/src/lib/components/ui/radio-group/RadioGroup.svelte

@@ -1,13 +1,13 @@
-<script lang="ts">
-  import type { RadioGroupRootProps } from 'radix-svelte';
-  import { RadioGroup as RadioGroupPrimitive } from 'radix-svelte';
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-  export let value: RadioGroupRootProps['value'] = undefined;
-</script>
-
-<RadioGroupPrimitive.Root bind:value class={cn('grid gap-2', className)} {...$$restProps}>
-  <slot />
-</RadioGroupPrimitive.Root>
+<script lang="ts">
+  import type { RadioGroupRootProps } from 'radix-svelte';
+  import { RadioGroup as RadioGroupPrimitive } from 'radix-svelte';
+  import { cn } from '$lib/utils';
+
+  let className: string | undefined | null = undefined;
+  export { className as class };
+  export let value: RadioGroupRootProps['value'] = undefined;
+</script>
+
+<RadioGroupPrimitive.Root bind:value class={cn('grid gap-2', className)} {...$$restProps}>
+  <slot />
+</RadioGroupPrimitive.Root>

package/templates/sveltekit/src/lib/components/ui/radio-group/RadioGroupItem.svelte

@@ -1,23 +1,23 @@
-<script lang="ts">
-  import type { RadioGroupItemProps } from 'radix-svelte';
-  import { Circle } from 'lucide-svelte';
-  import { RadioGroup as RadioGroupPrimitive } from 'radix-svelte';
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-  export let value: RadioGroupItemProps['value'] = '';
-</script>
-
-<RadioGroupPrimitive.Item
-  {value}
-  class={cn(
-    'aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
-    className
-  )}
-  {...$$restProps}
->
-  <RadioGroupPrimitive.Indicator class="flex items-center justify-center">
-    <Circle class="h-2.5 w-2.5 fill-current text-current" />
-  </RadioGroupPrimitive.Indicator>
-</RadioGroupPrimitive.Item>
+<script lang="ts">
+  import type { RadioGroupItemProps } from 'radix-svelte';
+  import { Circle } from 'lucide-svelte';
+  import { RadioGroup as RadioGroupPrimitive } from 'radix-svelte';
+  import { cn } from '$lib/utils';
+
+  let className: string | undefined | null = undefined;
+  export { className as class };
+  export let value: RadioGroupItemProps['value'] = '';
+</script>
+
+<RadioGroupPrimitive.Item
+  {value}
+  class={cn(
+    'aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+    className
+  )}
+  {...$$restProps}
+>
+  <RadioGroupPrimitive.Indicator class="flex items-center justify-center">
+    <Circle class="h-2.5 w-2.5 fill-current text-current" />
+  </RadioGroupPrimitive.Indicator>
+</RadioGroupPrimitive.Item>

package/templates/sveltekit/src/lib/components/ui/radio-group/index.ts

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

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>