diff --git a/sigpro.d.ts b/sigpro.d.ts
index 5b273a6..fe9edc9 100644
--- a/sigpro.d.ts
+++ b/sigpro.d.ts
@@ -1,287 +1,188 @@
-declare module 'sigpro' {
-  type Signal<T> = {
-    (): T;
-    (value: T | ((prev: T) => T)): T;
-  };
+// sigpro.d.ts
 
-  type ComputedSignal<T> = () => T;
+declare const SIG_BRAND: unique symbol;
 
-  type Unsubscribe = () => void;
-
-  type ViewInstance = {
-    _isRuntime: true;
-    container: HTMLDivElement;
-    destroy: () => void;
-  };
-
-  type ComponentFunction<P = {}> = (props?: P) => HTMLElement | ViewInstance | string | null;
-  type ComponentChild = HTMLElement | ViewInstance | string | number | boolean | null | undefined;
-  type ComponentChildren = ComponentChild | ComponentChild[];
-
-  interface BaseProps {
-    class?: string | (() => string);
-    style?: string | Record<string, string> | (() => string | Record<string, string>);
-    id?: string | (() => string);
-    ref?: ((el: HTMLElement) => void) | { current: HTMLElement | null };
-  }
-
-  interface EventProps {
-    onclick?: (event: MouseEvent) => void;
-    oninput?: (event: Event) => void;
-    onchange?: (event: Event) => void;
-    onblur?: (event: FocusEvent) => void;
-    onfocus?: (event: FocusEvent) => void;
-    onkeydown?: (event: KeyboardEvent) => void;
-    onkeyup?: (event: KeyboardEvent) => void;
-    onmouseenter?: (event: MouseEvent) => void;
-    onmouseleave?: (event: MouseEvent) => void;
-    onsubmit?: (event: Event) => void;
-    [key: `on${string}`]: ((event: any) => void) | undefined;
-  }
-
-  interface HtmlProps extends BaseProps, EventProps {
-    [key: string]: any;
-  }
-
-  interface Route {
-    path: string;
-    component: ComponentFunction | (() => Promise<ComponentFunction>);
-  }
-
-  interface RouterOutlet {
-    params: Signal<Record<string, string>>;
-    to: (path: string) => void;
-    back: () => void;
-    path: () => string;
-  }
-
-  interface Transition {
-    in: (el: HTMLElement) => void;
-    out: (el: HTMLElement, done: () => void) => void;
-  }
-
-  function $<T>(initial: T, storageKey?: string): Signal<T>;
-  function $<T>(computed: () => T): ComputedSignal<T>;
-  
-  function $$<T extends object>(obj: T): T;
-
-  function Watch(
-    target: () => any,
-    callback?: never
-  ): Unsubscribe;
-  function Watch(
-    target: Array<() => any>,
-    callback: () => void
-  ): Unsubscribe;
-
-  function Tag(
-    tag: string,
-    props?: HtmlProps | ComponentChildren,
-    children?: ComponentChildren
-  ): HTMLElement;
-
-  function If(
-    condition: boolean | (() => boolean),
-    thenVal: ComponentFunction | ComponentChild,
-    otherwiseVal?: ComponentFunction | ComponentChild,
-    transition?: Transition
-  ): HTMLDivElement;
-
-  function For<T>(
-    source: T[] | (() => T[]),
-    render: (item: T, index: number) => ComponentChild,
-    keyFn?: (item: T, index: number) => string | number,
-    tag?: string,
-    props?: HtmlProps
-  ): HTMLElement;
-
-  function Router(routes: Route[]): RouterOutlet;
-
-  function Mount(
-    component: ComponentFunction | HTMLElement,
-    target: string | HTMLElement
-  ): ViewInstance | undefined;
-
-  const Div: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Span: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const P: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const H1: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const H2: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const H3: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const H4: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const H5: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const H6: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Button: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Input: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Textarea: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Select: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Option: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Label: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Form: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const A: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Img: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Ul: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Ol: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Li: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Nav: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Header: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Footer: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Section: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Article: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Aside: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Main: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Table: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Thead: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Tbody: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Tr: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Th: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-  const Td: (props?: HtmlProps | ComponentChildren, children?: ComponentChildren) => HTMLElement;
-
-  const SigPro: {
-    $: typeof $;
-    $$: typeof $$;
-    Watch: typeof Watch;
-    Tag: typeof Tag;
-    If: typeof If;
-    For: typeof For;
-    Router: typeof Router;
-    Mount: typeof Mount;
-  };
-
-  export default SigPro;
-  export {
-    $,
-    $$,
-    Watch,
-    Tag,
-    If,
-    For,
-    Router,
-    Mount,
-    Div,
-    Span,
-    P,
-    H1,
-    H2,
-    H3,
-    H4,
-    H5,
-    H6,
-    Button,
-    Input,
-    Textarea,
-    Select,
-    Option,
-    Label,
-    Form,
-    A,
-    Img,
-    Ul,
-    Ol,
-    Li,
-    Nav,
-    Header,
-    Footer,
-    Section,
-    Article,
-    Aside,
-    Main,
-    Table,
-    Thead,
-    Tbody,
-    Tr,
-    Th,
-    Td,
-  };
+export interface Signal<T = any> {
+  readonly [SIG_BRAND]: true;
+  (): T;
+  (value: T): T;
+  (updater: (prev: T) => T): T;
 }
 
+export interface Computed<T = any> {
+  readonly [SIG_BRAND]: true;
+  (): T;
+}
+
+export interface RuntimeInstance {
+  readonly _isRuntime: true;
+  readonly container: HTMLElement;
+  destroy(): void;
+}
+
+export interface TransitionOptions {
+  on?: (el: HTMLElement) => void;
+  off?: (el: HTMLElement, destroy: () => void) => void;
+}
+
+export interface Route {
+  path: string;
+  component: (params: Record<string, string>) => any;
+}
+
+export interface RenderContext {
+  onCleanup: (fn: () => void) => void;
+}
+
+export interface TagProps extends Record<string, any> {
+  ref?: ((el: HTMLElement) => void) | { current: HTMLElement | null };
+  class?: string | (() => string);
+  style?: string | (() => string);
+}
+
+export type ReactiveObject<T extends object> = {
+  [K in keyof T]: T[K] extends object ? ReactiveObject<T[K]> : T[K];
+};
+
+export function $<T>(val: T, key?: string | null): Signal<T>;
+export function $<T>(val: () => T): Computed<T>;
+
+export function $$<T>(fn: () => T): Computed<T>;
+
+export function $_<T extends object>(obj: T): ReactiveObject<T>;
+
+export function untrack<T>(fn: () => T): T;
+
+export function Watch(cb: () => void): () => void;
+export function Watch(cb: () => () => void): () => void;
+
+export function Render<T>(fn: (ctx: RenderContext) => T): RuntimeInstance;
+
+export function Tag(tag: string, props?: TagProps | null, children?: any[]): HTMLElement;
+export function Tag(tag: string, children?: any[]): HTMLElement;
+
+export function If(
+  cond: boolean | (() => boolean),
+  a: any | (() => any),
+  b?: any | (() => any) | null,
+  options?: TransitionOptions
+): HTMLElement;
+
+export function For<T>(
+  source: T[] | (() => T[]),
+  renderFn: (item: T, index: number) => any,
+  keyFn?: (item: T, index: number) => any,
+  tag?: string,
+  props?: TagProps
+): HTMLElement;
+
+export function Router(routes: Route[]): HTMLElement;
+
+export namespace Router {
+  const params: Signal<Record<string, string>>;
+  function to(path: string): void;
+  function back(): void;
+  function path(): string;
+}
+
+export function Mount(
+  component: (() => any) | any,
+  target: string | HTMLElement
+): RuntimeInstance;
+
+export function Share<T>(key: string, value: T): void;
+
+export function Use<T>(key: string, defaultValue?: T): T | undefined;
+
+// Funciones JSX (etiquetas globales)
+export const Div: (props?: TagProps, children?: any[]) => HTMLElement;
+export const Span: (props?: TagProps, children?: any[]) => HTMLElement;
+export const P: (props?: TagProps, children?: any[]) => HTMLElement;
+export const H1: (props?: TagProps, children?: any[]) => HTMLElement;
+export const H2: (props?: TagProps, children?: any[]) => HTMLElement;
+export const H3: (props?: TagProps, children?: any[]) => HTMLElement;
+export const H4: (props?: TagProps, children?: any[]) => HTMLElement;
+export const H5: (props?: TagProps, children?: any[]) => HTMLElement;
+export const H6: (props?: TagProps, children?: any[]) => HTMLElement;
+export const Button: (props?: TagProps, children?: any[]) => HTMLElement;
+export const A: (props?: TagProps, children?: any[]) => HTMLElement;
+export const Img: (props?: TagProps, children?: any[]) => HTMLElement;
+export const Input: (props?: TagProps, children?: any[]) => HTMLElement;
+export const Textarea: (props?: TagProps, children?: any[]) => HTMLElement;
+export const Select: (props?: TagProps, children?: any[]) => HTMLElement;
+export const Option: (props?: TagProps, children?: any[]) => HTMLElement;
+export const Form: (props?: TagProps, children?: any[]) => HTMLElement;
+export const Label: (props?: TagProps, children?: any[]) => HTMLElement;
+export const Ul: (props?: TagProps, children?: any[]) => HTMLElement;
+export const Ol: (props?: TagProps, children?: any[]) => HTMLElement;
+export const Li: (props?: TagProps, children?: any[]) => HTMLElement;
+export const Table: (props?: TagProps, children?: any[]) => HTMLElement;
+export const Tr: (props?: TagProps, children?: any[]) => HTMLElement;
+export const Td: (props?: TagProps, children?: any[]) => HTMLElement;
+export const Th: (props?: TagProps, children?: any[]) => HTMLElement;
+export const Section: (props?: TagProps, children?: any[]) => HTMLElement;
+export const Article: (props?: TagProps, children?: any[]) => HTMLElement;
+export const Aside: (props?: TagProps, children?: any[]) => HTMLElement;
+export const Nav: (props?: TagProps, children?: any[]) => HTMLElement;
+export const Header: (props?: TagProps, children?: any[]) => HTMLElement;
+export const Footer: (props?: TagProps, children?: any[]) => HTMLElement;
+export const Main: (props?: TagProps, children?: any[]) => HTMLElement;
+
+export interface SigProAPI {
+  $: typeof $;
+  $$: typeof $$;
+  $_: typeof $_;
+  untrack: typeof untrack;
+  Render: typeof Render;
+  Watch: typeof Watch;
+  Tag: typeof Tag;
+  If: typeof If;
+  For: typeof For;
+  Router: typeof Router;
+  Mount: typeof Mount;
+  Share: typeof Share;
+  Use: typeof Use;
+}
+
+declare const SigPro: SigProAPI;
+export default SigPro;
+
 declare global {
-  const $: typeof import('sigpro').$;
-  const $$: typeof import('sigpro').$$;
-  const Watch: typeof import('sigpro').Watch;
-  const Tag: typeof import('sigpro').Tag;
-  const If: typeof import('sigpro').If;
-  const For: typeof import('sigpro').For;
-  const Router: typeof import('sigpro').Router;
-  const Mount: typeof import('sigpro').Mount;
-  const Div: typeof import('sigpro').Div;
-  const Span: typeof import('sigpro').Span;
-  const P: typeof import('sigpro').P;
-  const H1: typeof import('sigpro').H1;
-  const H2: typeof import('sigpro').H2;
-  const H3: typeof import('sigpro').H3;
-  const H4: typeof import('sigpro').H4;
-  const H5: typeof import('sigpro').H5;
-  const H6: typeof import('sigpro').H6;
-  const Button: typeof import('sigpro').Button;
-  const Input: typeof import('sigpro').Input;
-  const Textarea: typeof import('sigpro').Textarea;
-  const Select: typeof import('sigpro').Select;
-  const Option: typeof import('sigpro').Option;
-  const Label: typeof import('sigpro').Label;
-  const Form: typeof import('sigpro').Form;
-  const A: typeof import('sigpro').A;
-  const Img: typeof import('sigpro').Img;
-  const Ul: typeof import('sigpro').Ul;
-  const Ol: typeof import('sigpro').Ol;
-  const Li: typeof import('sigpro').Li;
-  const Nav: typeof import('sigpro').Nav;
-  const Header: typeof import('sigpro').Header;
-  const Footer: typeof import('sigpro').Footer;
-  const Section: typeof import('sigpro').Section;
-  const Article: typeof import('sigpro').Article;
-  const Aside: typeof import('sigpro').Aside;
-  const Main: typeof import('sigpro').Main;
-  const Table: typeof import('sigpro').Table;
-  const Thead: typeof import('sigpro').Thead;
-  const Tbody: typeof import('sigpro').Tbody;
-  const Tr: typeof import('sigpro').Tr;
-  const Th: typeof import('sigpro').Th;
-  const Td: typeof import('sigpro').Td;
-
-  interface Window {
-    $: typeof $;
-    $$: typeof $$;
-    Watch: typeof Watch;
-    Tag: typeof Tag;
-    If: typeof If;
-    For: typeof For;
-    Router: typeof Router;
-    Mount: typeof Mount;
-    SigPro: typeof import('sigpro').default;
-    Div: typeof Div;
-    Span: typeof Span;
-    P: typeof P;
-    H1: typeof H1;
-    H2: typeof H2;
-    H3: typeof H3;
-    H4: typeof H4;
-    H5: typeof H5;
-    H6: typeof H6;
-    Button: typeof Button;
-    Input: typeof Input;
-    Textarea: typeof Textarea;
-    Select: typeof Select;
-    Option: typeof Option;
-    Label: typeof Label;
-    Form: typeof Form;
-    A: typeof A;
-    Img: typeof Img;
-    Ul: typeof Ul;
-    Ol: typeof Ol;
-    Li: typeof Li;
-    Nav: typeof Nav;
-    Header: typeof Header;
-    Footer: typeof Footer;
-    Section: typeof Section;
-    Article: typeof Article;
-    Aside: typeof Aside;
-    Main: typeof Main;
-    Table: typeof Table;
-    Thead: typeof Thead;
-    Tbody: typeof Tbody;
-    Tr: typeof Tr;
-    Th: typeof Th;
-    Td: typeof Td;
+  namespace JSX {
+    interface IntrinsicElements {
+      div: TagProps;
+      span: TagProps;
+      p: TagProps;
+      h1: TagProps;
+      h2: TagProps;
+      h3: TagProps;
+      h4: TagProps;
+      h5: TagProps;
+      h6: TagProps;
+      button: TagProps;
+      a: TagProps;
+      img: TagProps;
+      input: TagProps;
+      textarea: TagProps;
+      select: TagProps;
+      option: TagProps;
+      form: TagProps;
+      label: TagProps;
+      ul: TagProps;
+      ol: TagProps;
+      li: TagProps;
+      table: TagProps;
+      tr: TagProps;
+      td: TagProps;
+      th: TagProps;
+      section: TagProps;
+      article: TagProps;
+      aside: TagProps;
+      nav: TagProps;
+      header: TagProps;
+      footer: TagProps;
+      main: TagProps;
+    }
+    interface Element extends HTMLElement {}
   }
-}
+}
\ No newline at end of file