create-tauri-ui 0.3.2 → 0.3.3

package/templates/sveltekit/src/lib/components/ui/tabs/TabsTrigger.svelte

@@ -1,20 +1,20 @@
-<script lang="ts">
-  import type { TabsTriggerProps } from 'radix-svelte';
-  import { Tabs as TabsPrimitive } from 'radix-svelte';
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-  export let value: TabsTriggerProps['value'];
-</script>
-
-<TabsPrimitive.Trigger
-  class={cn(
-    'inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
-    className
-  )}
-  {value}
-  {...$$restProps}
->
-  <slot />
-</TabsPrimitive.Trigger>
+<script lang="ts">
+  import type { TabsTriggerProps } from 'radix-svelte';
+  import { Tabs as TabsPrimitive } from 'radix-svelte';
+  import { cn } from '$lib/utils';
+
+  let className: string | undefined | null = undefined;
+  export { className as class };
+  export let value: TabsTriggerProps['value'];
+</script>
+
+<TabsPrimitive.Trigger
+  class={cn(
+    'inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
+    className
+  )}
+  {value}
+  {...$$restProps}
+>
+  <slot />
+</TabsPrimitive.Trigger>

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

@@ -1,7 +1,7 @@
-import { Tabs as TabsPrimitive } from 'radix-svelte';
-
-export { default as TabsContent } from './TabsContent.svelte';
-export { default as TabsList } from './TabsList.svelte';
-export { default as TabsTrigger } from './TabsTrigger.svelte';
-
-export const Tabs = TabsPrimitive.Root;
+import { Tabs as TabsPrimitive } from 'radix-svelte';
+
+export { default as TabsContent } from './TabsContent.svelte';
+export { default as TabsList } from './TabsList.svelte';
+export { default as TabsTrigger } from './TabsTrigger.svelte';
+
+export const Tabs = TabsPrimitive.Root;

package/templates/sveltekit/src/lib/components/ui/textarea/Textarea.svelte

@@ -1,30 +1,30 @@
-<script lang="ts">
-  import type { HTMLTextareaAttributes } from 'svelte/elements';
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-
-  export let value: HTMLTextareaAttributes['value'] = undefined;
-  export { className as class };
-</script>
-
-<textarea
-  class={cn(
-    'flex min-h-[80px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background 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 { HTMLTextareaAttributes } from 'svelte/elements';
+  import { cn } from '$lib/utils';
+
+  let className: string | undefined | null = undefined;
+
+  export let value: HTMLTextareaAttributes['value'] = undefined;
+  export { className as class };
+</script>
+
+<textarea
+  class={cn(
+    'flex min-h-[80px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background 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/textarea/index.ts

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

package/templates/sveltekit/src/lib/components/ui/toggle/Toggle.svelte

@@ -1,44 +1,44 @@
-<script lang="ts">
-  import type { VariantProps } from 'class-variance-authority';
-  import type { ToggleRootProps } from 'radix-svelte';
-  import { cva } from 'class-variance-authority';
-  import { Toggle as TogglePrimitive } from 'radix-svelte';
-  import { cn } from '$lib/utils';
-
-  const toggleVariants = cva(
-    'inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors data-[state=on]:bg-accent data-[state=on]:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ring-offset-background hover:bg-muted hover:text-muted-foreground',
-    {
-      variants: {
-        variant: {
-          default: 'bg-transparent',
-          outline: 'bg-transparent border border-input hover:bg-accent hover:text-accent-foreground'
-        },
-        size: {
-          default: 'h-10 px-3',
-          sm: 'h-9 px-2.5',
-          lg: 'h-11 px-5'
-        }
-      },
-      defaultVariants: {
-        variant: 'default',
-        size: 'default'
-      }
-    }
-  );
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-  export let variant: VariantProps<typeof toggleVariants>['variant'] = 'default';
-  export let size: VariantProps<typeof toggleVariants>['size'] = 'default';
-  export let pressed: ToggleRootProps['disabled'] = false;
-  export let disabled: ToggleRootProps['disabled'] = false;
-</script>
-
-<TogglePrimitive.Root
-  class={cn(toggleVariants({ variant, size, className }))}
-  bind:pressed
-  bind:disabled
-  {...$$restProps}
->
-  <slot />
-</TogglePrimitive.Root>
+<script lang="ts">
+  import type { VariantProps } from 'class-variance-authority';
+  import type { ToggleRootProps } from 'radix-svelte';
+  import { cva } from 'class-variance-authority';
+  import { Toggle as TogglePrimitive } from 'radix-svelte';
+  import { cn } from '$lib/utils';
+
+  const toggleVariants = cva(
+    'inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors data-[state=on]:bg-accent data-[state=on]:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ring-offset-background hover:bg-muted hover:text-muted-foreground',
+    {
+      variants: {
+        variant: {
+          default: 'bg-transparent',
+          outline: 'bg-transparent border border-input hover:bg-accent hover:text-accent-foreground'
+        },
+        size: {
+          default: 'h-10 px-3',
+          sm: 'h-9 px-2.5',
+          lg: 'h-11 px-5'
+        }
+      },
+      defaultVariants: {
+        variant: 'default',
+        size: 'default'
+      }
+    }
+  );
+
+  let className: string | undefined | null = undefined;
+  export { className as class };
+  export let variant: VariantProps<typeof toggleVariants>['variant'] = 'default';
+  export let size: VariantProps<typeof toggleVariants>['size'] = 'default';
+  export let pressed: ToggleRootProps['disabled'] = false;
+  export let disabled: ToggleRootProps['disabled'] = false;
+</script>
+
+<TogglePrimitive.Root
+  class={cn(toggleVariants({ variant, size, className }))}
+  bind:pressed
+  bind:disabled
+  {...$$restProps}
+>
+  <slot />
+</TogglePrimitive.Root>

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

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

package/templates/sveltekit/src/lib/components/ui/tooltip/TooltipContent.svelte

@@ -1,22 +1,22 @@
-<script lang="ts">
-  import type { TooltipContentProps } from 'radix-svelte/index';
-  import { Tooltip as TooltipPrimitive } from 'radix-svelte';
-  import { cn } from '$lib/utils';
-
-  let className: string | undefined | null = undefined;
-  export { className as class };
-  export let sideOffset: TooltipContentProps['sideOffset'] = 4;
-</script>
-
-<TooltipPrimitive.Portal>
-  <TooltipPrimitive.Content
-    {sideOffset}
-    class={cn(
-      'z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-50 data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',
-      className
-    )}
-    {...$$restProps}
-  >
-    <slot />
-  </TooltipPrimitive.Content>
-</TooltipPrimitive.Portal>
+<script lang="ts">
+  import type { TooltipContentProps } from 'radix-svelte/index';
+  import { Tooltip as TooltipPrimitive } from 'radix-svelte';
+  import { cn } from '$lib/utils';
+
+  let className: string | undefined | null = undefined;
+  export { className as class };
+  export let sideOffset: TooltipContentProps['sideOffset'] = 4;
+</script>
+
+<TooltipPrimitive.Portal>
+  <TooltipPrimitive.Content
+    {sideOffset}
+    class={cn(
+      'z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-50 data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',
+      className
+    )}
+    {...$$restProps}
+  >
+    <slot />
+  </TooltipPrimitive.Content>
+</TooltipPrimitive.Portal>

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

@@ -1,6 +1,6 @@
-import { Tooltip as TooltipPrimitive } from 'radix-svelte';
-
-export { default as TooltipContent } from './TooltipContent.svelte';
-export const TooltipProvider = TooltipPrimitive.Provider;
-export const Tooltip = TooltipPrimitive.Root;
-export const TooltipTrigger = TooltipPrimitive.Trigger;
+import { Tooltip as TooltipPrimitive } from 'radix-svelte';
+
+export { default as TooltipContent } from './TooltipContent.svelte';
+export const TooltipProvider = TooltipPrimitive.Provider;
+export const Tooltip = TooltipPrimitive.Root;
+export const TooltipTrigger = TooltipPrimitive.Trigger;