chore: update sileo type props

src/lib/components/ui/sileo/sileo-toast.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
+  import type { SileoToasterProps } from './types';
   import { createElement } from 'react';
   import { createRoot } from 'react-dom/client';
-  import type { SileoOptions } from 'sileo';
 
-  let props: SileoOptions = $props();
+  let props: SileoToasterProps = $props();
   let rootEl: HTMLElement;
 
   $effect(() => {

src/lib/components/ui/sileo/types.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+import type { SileoOptions, SileoPosition } from 'sileo';
+
+type SileoOffsetValue = number | string;
+type SileoOffsetConfig = Partial<Record<'top' | 'right' | 'bottom' | 'left', SileoOffsetValue>>;
+
+export interface SileoToasterProps {
+  children?: ReactNode;
+  position?: SileoPosition;
+  offset?: SileoOffsetValue | SileoOffsetConfig;
+  options?: Partial<SileoOptions>;
+  theme?: 'light' | 'dark' | 'system';
+}