@rkosafo/cai.components 0.0.75 → 0.0.78

package/dist/ui/buttons/GradientButton.svelte

@@ -1,59 +1,59 @@
-
-
-<script lang="ts">
-	import { getContext, type Snippet } from 'svelte';
-	import clsx from 'clsx';
-	import {
-		Button,
-		getTheme,
-		gradientButton,
-		type GradientButtonProps,
-		type SizeType
-	} from '../../index.js';
-
-	const group: SizeType = getContext('group');
-
-	let {
-		children,
-		outline,
-		pill,
-		color = 'blue',
-		shadow,
-		class: className,
-		href,
-		disabled,
-		size,
-		btnClass,
-		...restProps
-	}: GradientButtonProps = $props();
-
-	const theme = getTheme('gradientButton');
-
-	const { base, outlineWrapper } = $derived(
-		gradientButton({ color, outline, pill, shadow, disabled, size, group: !!group })
-	);
-</script>
-
-{#if outline}
-	<div class={base({ class: clsx(theme?.base, className) })}>
-		<Button
-			{...restProps}
-			class={outlineWrapper({ class: clsx(theme?.outlineWrapper, btnClass) })}
-			{disabled}
-			{href}
-			{size}
-		>
-			{@render children?.()}
-		</Button>
-	</div>
-{:else}
-	<Button
-		{...restProps}
-		class={base({ class: clsx(theme?.base, className) })}
-		{disabled}
-		{href}
-		{size}
-	>
-		{@render children?.()}
-	</Button>
-{/if}
+
+
+<script lang="ts">
+	import { getContext, type Snippet } from 'svelte';
+	import clsx from 'clsx';
+	import {
+		Button,
+		getTheme,
+		gradientButton,
+		type GradientButtonProps,
+		type SizeType
+	} from '../../index.js';
+
+	const group: SizeType = getContext('group');
+
+	let {
+		children,
+		outline,
+		pill,
+		color = 'blue',
+		shadow,
+		class: className,
+		href,
+		disabled,
+		size,
+		btnClass,
+		...restProps
+	}: GradientButtonProps = $props();
+
+	const theme = getTheme('gradientButton');
+
+	const { base, outlineWrapper } = $derived(
+		gradientButton({ color, outline, pill, shadow, disabled, size, group: !!group })
+	);
+</script>
+
+{#if outline}
+	<div class={base({ class: clsx(theme?.base, className) })}>
+		<Button
+			{...restProps}
+			class={outlineWrapper({ class: clsx(theme?.outlineWrapper, btnClass) })}
+			{disabled}
+			{href}
+			{size}
+		>
+			{@render children?.()}
+		</Button>
+	</div>
+{:else}
+	<Button
+		{...restProps}
+		class={base({ class: clsx(theme?.base, className) })}
+		{disabled}
+		{href}
+		{size}
+	>
+		{@render children?.()}
+	</Button>
+{/if}