@kayord/ui 0.9.0 → 0.9.1

package/dist/components/custom/loader/Loader.svelte

@@ -3,20 +3,25 @@
 	import { cn } from "../../../utils";
 	import { type Icon } from "lucide-svelte";
 	import LoaderCircleIcon from "lucide-svelte/icons/loader-circle";
-	import { fade } from "svelte/transition";
+	import { scale } from "svelte/transition";
 
 	interface LoaderIconProps extends Omit<ComponentProps<Icon>, "iconNode"> {
 		isLoading?: boolean;
 	}
 
-	type $$Props = LoaderIconProps;
-	let className: $$Props["class"] = undefined;
-	export let isLoading: $$Props["isLoading"] = true;
 	export { className as class };
+
+	interface Props {
+		class?: string | undefined | null;
+		isLoading?: boolean;
+		iconProps?: LoaderIconProps;
+	}
+
+	let { class: className = undefined, isLoading, iconProps }: Props = $props();
 </script>
 
 {#if isLoading}
-	<div class="flex justify-center" in:fade={{ delay: 150, duration: 400 }} out:fade={{ duration: 0 }}>
-		<LoaderCircleIcon class={cn("h-8 w-8 animate-spin m-2", className)} {...$$restProps} />
+	<div class="flex justify-center" in:scale={{ duration: 350 }} out:scale={{ duration: 200 }}>
+		<LoaderCircleIcon class={cn("h-8 w-8 animate-spin m-2", className)} {...iconProps} />
 	</div>
 {/if}

package/dist/components/custom/loader/Loader.svelte.d.ts

@@ -9,18 +9,24 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     }): Exports;
     z_$$bindings?: Bindings;
 }
-declare const Loader: $$__sveltets_2_IsomorphicComponent<Omit<{
-    [x: string]: any;
-    name?: string | undefined;
-    color?: string | undefined;
-    size?: string | number | undefined;
-    strokeWidth?: string | number | undefined;
-    absoluteStrokeWidth?: boolean | undefined;
-    iconNode?: import("lucide-svelte").IconNode | undefined;
-}, "iconNode"> & {
+declare const Loader: $$__sveltets_2_IsomorphicComponent<{
+    class?: string | undefined | null;
     isLoading?: boolean | undefined;
+    iconProps?: (Omit<{
+        [x: string]: any;
+        name?: string | undefined;
+        color?: string | undefined;
+        size?: string | number | undefined;
+        strokeWidth?: string | number | undefined;
+        absoluteStrokeWidth?: boolean | undefined;
+        iconNode?: import("lucide-svelte").IconNode | undefined;
+    }, "iconNode"> & {
+        isLoading?: boolean | undefined;
+    }) | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}, Record<string, any>, string>;
+}, {}, {
+    class: string | null | undefined;
+}, "">;
 type Loader = InstanceType<typeof Loader>;
 export default Loader;

package/dist/components/custom/theme-switch/ThemeSwitch.svelte

@@ -4,11 +4,14 @@
 	import Sun from "lucide-svelte/icons/sun";
 	import { cn } from "../../../utils";
 
-	let className: string | undefined | null = undefined;
-	export { className as class };
+	interface Props {
+		class?: string | undefined | null;
+	}
+
+	let { class: className = undefined }: Props = $props();
 </script>
 
-<button on:click={toggleMode} class={cn("text-primary", className)}>
+<button onclick={toggleMode} class={cn("text-primary", className)}>
 	{#if $mode == "dark"}
 		<Moon />
 	{:else}

package/dist/components/custom/theme-switch/ThemeSwitch.svelte.d.ts

@@ -13,6 +13,6 @@ declare const ThemeSwitch: $$__sveltets_2_IsomorphicComponent<{
     class?: string | undefined | null;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}, Record<string, any>, string>;
+}, {}, Record<string, any>, "">;
 type ThemeSwitch = InstanceType<typeof ThemeSwitch>;
 export default ThemeSwitch;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kayord/ui",
   "private": false,
-  "version": "0.9.0",
+  "version": "0.9.1",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",