Change Docs to Docsify

2026-03-27 16:23:24 +01:00
parent 506e00282b
commit d4fc935490
96 changed files with 569 additions and 30450 deletions
--- a/src/docs/.vitepress/cache/deps/@theme_index.js
+++ b/src/docs/.vitepress/cache/deps/@theme_index.js
@@ -1,275 +0,0 @@
-import {
-  useMediaQuery
-} from "./chunk-RLEUDPPB.js";
-import {
-  computed,
-  ref,
-  shallowRef,
-  watch
-} from "./chunk-3S55Y3P7.js";
-
-// node_modules/vitepress/dist/client/theme-default/index.js
-import "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/styles/fonts.css";
-
-// node_modules/vitepress/dist/client/theme-default/without-fonts.js
-import "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/styles/vars.css";
-import "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/styles/base.css";
-import "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/styles/icons.css";
-import "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/styles/utils.css";
-import "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/styles/components/custom-block.css";
-import "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/styles/components/vp-code.css";
-import "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/styles/components/vp-code-group.css";
-import "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/styles/components/vp-doc.css";
-import "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/styles/components/vp-sponsor.css";
-import VPBadge from "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/components/VPBadge.vue";
-import Layout from "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/Layout.vue";
-import { default as default2 } from "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/components/VPBadge.vue";
-import { default as default3 } from "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/components/VPButton.vue";
-import { default as default4 } from "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/components/VPDocAsideSponsors.vue";
-import { default as default5 } from "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/components/VPFeatures.vue";
-import { default as default6 } from "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/components/VPHomeContent.vue";
-import { default as default7 } from "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/components/VPHomeFeatures.vue";
-import { default as default8 } from "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/components/VPHomeHero.vue";
-import { default as default9 } from "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/components/VPHomeSponsors.vue";
-import { default as default10 } from "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/components/VPImage.vue";
-import { default as default11 } from "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/components/VPLink.vue";
-import { default as default12 } from "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/components/VPNavBarSearch.vue";
-import { default as default13 } from "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/components/VPSocialLink.vue";
-import { default as default14 } from "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/components/VPSocialLinks.vue";
-import { default as default15 } from "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/components/VPSponsors.vue";
-import { default as default16 } from "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/components/VPTeamMembers.vue";
-import { default as default17 } from "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/components/VPTeamPage.vue";
-import { default as default18 } from "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/components/VPTeamPageSection.vue";
-import { default as default19 } from "/config/workspace/sigpro/node_modules/vitepress/dist/client/theme-default/components/VPTeamPageTitle.vue";
-
-// node_modules/vitepress/dist/client/theme-default/composables/local-nav.js
-import { onContentUpdated } from "vitepress";
-
-// node_modules/vitepress/dist/client/theme-default/composables/outline.js
-import { getScrollOffset } from "vitepress";
-
-// node_modules/vitepress/dist/client/theme-default/support/utils.js
-import { withBase } from "vitepress";
-
-// node_modules/vitepress/dist/client/theme-default/composables/data.js
-import { useData as useData$ } from "vitepress";
-var useData = useData$;
-
-// node_modules/vitepress/dist/client/theme-default/support/utils.js
-function ensureStartingSlash(path) {
-  return path.startsWith("/") ? path : `/${path}`;
-}
-
-// node_modules/vitepress/dist/client/theme-default/support/sidebar.js
-function getSidebar(_sidebar, path) {
-  if (Array.isArray(_sidebar))
-    return addBase(_sidebar);
-  if (_sidebar == null)
-    return [];
-  path = ensureStartingSlash(path);
-  const dir = Object.keys(_sidebar).sort((a, b) => {
-    return b.split("/").length - a.split("/").length;
-  }).find((dir2) => {
-    return path.startsWith(ensureStartingSlash(dir2));
-  });
-  const sidebar = dir ? _sidebar[dir] : [];
-  return Array.isArray(sidebar) ? addBase(sidebar) : addBase(sidebar.items, sidebar.base);
-}
-function getSidebarGroups(sidebar) {
-  const groups = [];
-  let lastGroupIndex = 0;
-  for (const index in sidebar) {
-    const item = sidebar[index];
-    if (item.items) {
-      lastGroupIndex = groups.push(item);
-      continue;
-    }
-    if (!groups[lastGroupIndex]) {
-      groups.push({ items: [] });
-    }
-    groups[lastGroupIndex].items.push(item);
-  }
-  return groups;
-}
-function addBase(items, _base) {
-  return [...items].map((_item) => {
-    const item = { ..._item };
-    const base = item.base || _base;
-    if (base && item.link)
-      item.link = base + item.link;
-    if (item.items)
-      item.items = addBase(item.items, base);
-    return item;
-  });
-}
-
-// node_modules/vitepress/dist/client/theme-default/composables/sidebar.js
-function useSidebar() {
-  const { frontmatter, page, theme: theme2 } = useData();
-  const is960 = useMediaQuery("(min-width: 960px)");
-  const isOpen = ref(false);
-  const _sidebar = computed(() => {
-    const sidebarConfig = theme2.value.sidebar;
-    const relativePath = page.value.relativePath;
-    return sidebarConfig ? getSidebar(sidebarConfig, relativePath) : [];
-  });
-  const sidebar = ref(_sidebar.value);
-  watch(_sidebar, (next, prev) => {
-    if (JSON.stringify(next) !== JSON.stringify(prev))
-      sidebar.value = _sidebar.value;
-  });
-  const hasSidebar = computed(() => {
-    return frontmatter.value.sidebar !== false && sidebar.value.length > 0 && frontmatter.value.layout !== "home";
-  });
-  const leftAside = computed(() => {
-    if (hasAside)
-      return frontmatter.value.aside == null ? theme2.value.aside === "left" : frontmatter.value.aside === "left";
-    return false;
-  });
-  const hasAside = computed(() => {
-    if (frontmatter.value.layout === "home")
-      return false;
-    if (frontmatter.value.aside != null)
-      return !!frontmatter.value.aside;
-    return theme2.value.aside !== false;
-  });
-  const isSidebarEnabled = computed(() => hasSidebar.value && is960.value);
-  const sidebarGroups = computed(() => {
-    return hasSidebar.value ? getSidebarGroups(sidebar.value) : [];
-  });
-  function open() {
-    isOpen.value = true;
-  }
-  function close() {
-    isOpen.value = false;
-  }
-  function toggle() {
-    isOpen.value ? close() : open();
-  }
-  return {
-    isOpen,
-    sidebar,
-    sidebarGroups,
-    hasSidebar,
-    hasAside,
-    leftAside,
-    isSidebarEnabled,
-    open,
-    close,
-    toggle
-  };
-}
-
-// node_modules/vitepress/dist/client/theme-default/composables/outline.js
-var ignoreRE = /\b(?:VPBadge|header-anchor|footnote-ref|ignore-header)\b/;
-var resolvedHeaders = [];
-function getHeaders(range) {
-  const headers = [
-    ...document.querySelectorAll(".VPDoc :where(h1,h2,h3,h4,h5,h6)")
-  ].filter((el) => el.id && el.hasChildNodes()).map((el) => {
-    const level = Number(el.tagName[1]);
-    return {
-      element: el,
-      title: serializeHeader(el),
-      link: "#" + el.id,
-      level
-    };
-  });
-  return resolveHeaders(headers, range);
-}
-function serializeHeader(h) {
-  let ret = "";
-  for (const node of h.childNodes) {
-    if (node.nodeType === 1) {
-      if (ignoreRE.test(node.className))
-        continue;
-      ret += node.textContent;
-    } else if (node.nodeType === 3) {
-      ret += node.textContent;
-    }
-  }
-  return ret.trim();
-}
-function resolveHeaders(headers, range) {
-  if (range === false) {
-    return [];
-  }
-  const levelsRange = (typeof range === "object" && !Array.isArray(range) ? range.level : range) || 2;
-  const [high, low] = typeof levelsRange === "number" ? [levelsRange, levelsRange] : levelsRange === "deep" ? [2, 6] : levelsRange;
-  return buildTree(headers, high, low);
-}
-function buildTree(data, min, max) {
-  resolvedHeaders.length = 0;
-  const result = [];
-  const stack = [];
-  data.forEach((item) => {
-    const node = { ...item, children: [] };
-    let parent = stack[stack.length - 1];
-    while (parent && parent.level >= node.level) {
-      stack.pop();
-      parent = stack[stack.length - 1];
-    }
-    if (node.element.classList.contains("ignore-header") || parent && "shouldIgnore" in parent) {
-      stack.push({ level: node.level, shouldIgnore: true });
-      return;
-    }
-    if (node.level > max || node.level < min)
-      return;
-    resolvedHeaders.push({ element: node.element, link: node.link });
-    if (parent)
-      parent.children.push(node);
-    else
-      result.push(node);
-    stack.push(node);
-  });
-  return result;
-}
-
-// node_modules/vitepress/dist/client/theme-default/composables/local-nav.js
-function useLocalNav() {
-  const { theme: theme2, frontmatter } = useData();
-  const headers = shallowRef([]);
-  const hasLocalNav = computed(() => {
-    return headers.value.length > 0;
-  });
-  onContentUpdated(() => {
-    headers.value = getHeaders(frontmatter.value.outline ?? theme2.value.outline);
-  });
-  return {
-    headers,
-    hasLocalNav
-  };
-}
-
-// node_modules/vitepress/dist/client/theme-default/without-fonts.js
-var theme = {
-  Layout,
-  enhanceApp: ({ app }) => {
-    app.component("Badge", VPBadge);
-  }
-};
-var without_fonts_default = theme;
-export {
-  default2 as VPBadge,
-  default3 as VPButton,
-  default4 as VPDocAsideSponsors,
-  default5 as VPFeatures,
-  default6 as VPHomeContent,
-  default7 as VPHomeFeatures,
-  default8 as VPHomeHero,
-  default9 as VPHomeSponsors,
-  default10 as VPImage,
-  default11 as VPLink,
-  default12 as VPNavBarSearch,
-  default13 as VPSocialLink,
-  default14 as VPSocialLinks,
-  default15 as VPSponsors,
-  default16 as VPTeamMembers,
-  default17 as VPTeamPage,
-  default18 as VPTeamPageSection,
-  default19 as VPTeamPageTitle,
-  without_fonts_default as default,
-  useLocalNav,
-  useSidebar
-};
-//# sourceMappingURL=@theme_index.js.map
--- a/src/docs/.vitepress/cache/deps/@theme_index.js.map
+++ b/src/docs/.vitepress/cache/deps/@theme_index.js.map
--- a/src/docs/.vitepress/cache/deps/_metadata.json
+++ b/src/docs/.vitepress/cache/deps/_metadata.json
@@ -1,40 +0,0 @@
-{
-  "hash": "0412844f",
-  "configHash": "5a0057cf",
-  "lockfileHash": "e3b0c442",
-  "browserHash": "d3515516",
-  "optimized": {
-    "vue": {
-      "src": "../../../../../node_modules/vue/dist/vue.runtime.esm-bundler.js",
-      "file": "vue.js",
-      "fileHash": "505179d7",
-      "needsInterop": false
-    },
-    "vitepress > @vue/devtools-api": {
-      "src": "../../../../../node_modules/@vue/devtools-api/dist/index.js",
-      "file": "vitepress___@vue_devtools-api.js",
-      "fileHash": "604942f7",
-      "needsInterop": false
-    },
-    "vitepress > @vueuse/core": {
-      "src": "../../../../../node_modules/@vueuse/core/index.mjs",
-      "file": "vitepress___@vueuse_core.js",
-      "fileHash": "3e2c9d39",
-      "needsInterop": false
-    },
-    "@theme/index": {
-      "src": "../../../../../node_modules/vitepress/dist/client/theme-default/index.js",
-      "file": "@theme_index.js",
-      "fileHash": "127b4204",
-      "needsInterop": false
-    }
-  },
-  "chunks": {
-    "chunk-RLEUDPPB": {
-      "file": "chunk-RLEUDPPB.js"
-    },
-    "chunk-3S55Y3P7": {
-      "file": "chunk-3S55Y3P7.js"
-    }
-  }
-}
--- a/src/docs/.vitepress/cache/deps/chunk-3S55Y3P7.js
+++ b/src/docs/.vitepress/cache/deps/chunk-3S55Y3P7.js
--- a/src/docs/.vitepress/cache/deps/chunk-3S55Y3P7.js.map
+++ b/src/docs/.vitepress/cache/deps/chunk-3S55Y3P7.js.map
--- a/src/docs/.vitepress/cache/deps/chunk-RLEUDPPB.js
+++ b/src/docs/.vitepress/cache/deps/chunk-RLEUDPPB.js
--- a/src/docs/.vitepress/cache/deps/chunk-RLEUDPPB.js.map
+++ b/src/docs/.vitepress/cache/deps/chunk-RLEUDPPB.js.map
--- a/src/docs/.vitepress/cache/deps/package.json
+++ b/src/docs/.vitepress/cache/deps/package.json
@@ -1,3 +0,0 @@
-{
-  "type": "module"
-}
--- a/src/docs/.vitepress/cache/deps/vitepress___@vue_devtools-api.js
+++ b/src/docs/.vitepress/cache/deps/vitepress___@vue_devtools-api.js
--- a/src/docs/.vitepress/cache/deps/vitepress___@vue_devtools-api.js.map
+++ b/src/docs/.vitepress/cache/deps/vitepress___@vue_devtools-api.js.map
--- a/src/docs/.vitepress/cache/deps/vitepress___@vueuse_core.js
+++ b/src/docs/.vitepress/cache/deps/vitepress___@vueuse_core.js
@@ -1,583 +0,0 @@
-import {
-  DefaultMagicKeysAliasMap,
-  StorageSerializers,
-  TransitionPresets,
-  assert,
-  breakpointsAntDesign,
-  breakpointsBootstrapV5,
-  breakpointsElement,
-  breakpointsMasterCss,
-  breakpointsPrimeFlex,
-  breakpointsQuasar,
-  breakpointsSematic,
-  breakpointsTailwind,
-  breakpointsVuetify,
-  breakpointsVuetifyV2,
-  breakpointsVuetifyV3,
-  bypassFilter,
-  camelize,
-  clamp,
-  cloneFnJSON,
-  computedAsync,
-  computedEager,
-  computedInject,
-  computedWithControl,
-  containsProp,
-  controlledRef,
-  createEventHook,
-  createFetch,
-  createFilterWrapper,
-  createGlobalState,
-  createInjectionState,
-  createRef,
-  createReusableTemplate,
-  createSharedComposable,
-  createSingletonPromise,
-  createTemplatePromise,
-  createUnrefFn,
-  customStorageEventName,
-  debounceFilter,
-  defaultDocument,
-  defaultLocation,
-  defaultNavigator,
-  defaultWindow,
-  executeTransition,
-  extendRef,
-  formatDate,
-  formatTimeAgo,
-  get,
-  getLifeCycleTarget,
-  getSSRHandler,
-  hasOwn,
-  hyphenate,
-  identity,
-  increaseWithUnit,
-  injectLocal,
-  invoke,
-  isClient,
-  isDef,
-  isDefined,
-  isIOS,
-  isObject,
-  isWorker,
-  makeDestructurable,
-  mapGamepadToXbox360Controller,
-  noop,
-  normalizeDate,
-  notNullish,
-  now,
-  objectEntries,
-  objectOmit,
-  objectPick,
-  onClickOutside,
-  onElementRemoval,
-  onKeyDown,
-  onKeyPressed,
-  onKeyStroke,
-  onKeyUp,
-  onLongPress,
-  onStartTyping,
-  pausableFilter,
-  promiseTimeout,
-  provideLocal,
-  provideSSRWidth,
-  pxValue,
-  rand,
-  reactify,
-  reactifyObject,
-  reactiveComputed,
-  reactiveOmit,
-  reactivePick,
-  refAutoReset,
-  refDebounced,
-  refDefault,
-  refThrottled,
-  refWithControl,
-  resolveRef,
-  resolveUnref,
-  set,
-  setSSRHandler,
-  syncRef,
-  syncRefs,
-  templateRef,
-  throttleFilter,
-  timestamp,
-  toArray,
-  toReactive,
-  toRef,
-  toRefs,
-  toValue,
-  tryOnBeforeMount,
-  tryOnBeforeUnmount,
-  tryOnMounted,
-  tryOnScopeDispose,
-  tryOnUnmounted,
-  unrefElement,
-  until,
-  useActiveElement,
-  useAnimate,
-  useArrayDifference,
-  useArrayEvery,
-  useArrayFilter,
-  useArrayFind,
-  useArrayFindIndex,
-  useArrayFindLast,
-  useArrayIncludes,
-  useArrayJoin,
-  useArrayMap,
-  useArrayReduce,
-  useArraySome,
-  useArrayUnique,
-  useAsyncQueue,
-  useAsyncState,
-  useBase64,
-  useBattery,
-  useBluetooth,
-  useBreakpoints,
-  useBroadcastChannel,
-  useBrowserLocation,
-  useCached,
-  useClipboard,
-  useClipboardItems,
-  useCloned,
-  useColorMode,
-  useConfirmDialog,
-  useCountdown,
-  useCounter,
-  useCssVar,
-  useCurrentElement,
-  useCycleList,
-  useDark,
-  useDateFormat,
-  useDebounceFn,
-  useDebouncedRefHistory,
-  useDeviceMotion,
-  useDeviceOrientation,
-  useDevicePixelRatio,
-  useDevicesList,
-  useDisplayMedia,
-  useDocumentVisibility,
-  useDraggable,
-  useDropZone,
-  useElementBounding,
-  useElementByPoint,
-  useElementHover,
-  useElementSize,
-  useElementVisibility,
-  useEventBus,
-  useEventListener,
-  useEventSource,
-  useEyeDropper,
-  useFavicon,
-  useFetch,
-  useFileDialog,
-  useFileSystemAccess,
-  useFocus,
-  useFocusWithin,
-  useFps,
-  useFullscreen,
-  useGamepad,
-  useGeolocation,
-  useIdle,
-  useImage,
-  useInfiniteScroll,
-  useIntersectionObserver,
-  useInterval,
-  useIntervalFn,
-  useKeyModifier,
-  useLastChanged,
-  useLocalStorage,
-  useMagicKeys,
-  useManualRefHistory,
-  useMediaControls,
-  useMediaQuery,
-  useMemoize,
-  useMemory,
-  useMounted,
-  useMouse,
-  useMouseInElement,
-  useMousePressed,
-  useMutationObserver,
-  useNavigatorLanguage,
-  useNetwork,
-  useNow,
-  useObjectUrl,
-  useOffsetPagination,
-  useOnline,
-  usePageLeave,
-  useParallax,
-  useParentElement,
-  usePerformanceObserver,
-  usePermission,
-  usePointer,
-  usePointerLock,
-  usePointerSwipe,
-  usePreferredColorScheme,
-  usePreferredContrast,
-  usePreferredDark,
-  usePreferredLanguages,
-  usePreferredReducedMotion,
-  usePreferredReducedTransparency,
-  usePrevious,
-  useRafFn,
-  useRefHistory,
-  useResizeObserver,
-  useSSRWidth,
-  useScreenOrientation,
-  useScreenSafeArea,
-  useScriptTag,
-  useScroll,
-  useScrollLock,
-  useSessionStorage,
-  useShare,
-  useSorted,
-  useSpeechRecognition,
-  useSpeechSynthesis,
-  useStepper,
-  useStorage,
-  useStorageAsync,
-  useStyleTag,
-  useSupported,
-  useSwipe,
-  useTemplateRefsList,
-  useTextDirection,
-  useTextSelection,
-  useTextareaAutosize,
-  useThrottleFn,
-  useThrottledRefHistory,
-  useTimeAgo,
-  useTimeout,
-  useTimeoutFn,
-  useTimeoutPoll,
-  useTimestamp,
-  useTitle,
-  useToNumber,
-  useToString,
-  useToggle,
-  useTransition,
-  useUrlSearchParams,
-  useUserMedia,
-  useVModel,
-  useVModels,
-  useVibrate,
-  useVirtualList,
-  useWakeLock,
-  useWebNotification,
-  useWebSocket,
-  useWebWorker,
-  useWebWorkerFn,
-  useWindowFocus,
-  useWindowScroll,
-  useWindowSize,
-  watchArray,
-  watchAtMost,
-  watchDebounced,
-  watchDeep,
-  watchIgnorable,
-  watchImmediate,
-  watchOnce,
-  watchPausable,
-  watchThrottled,
-  watchTriggerable,
-  watchWithFilter,
-  whenever
-} from "./chunk-RLEUDPPB.js";
-import "./chunk-3S55Y3P7.js";
-export {
-  DefaultMagicKeysAliasMap,
-  StorageSerializers,
-  TransitionPresets,
-  assert,
-  computedAsync as asyncComputed,
-  refAutoReset as autoResetRef,
-  breakpointsAntDesign,
-  breakpointsBootstrapV5,
-  breakpointsElement,
-  breakpointsMasterCss,
-  breakpointsPrimeFlex,
-  breakpointsQuasar,
-  breakpointsSematic,
-  breakpointsTailwind,
-  breakpointsVuetify,
-  breakpointsVuetifyV2,
-  breakpointsVuetifyV3,
-  bypassFilter,
-  camelize,
-  clamp,
-  cloneFnJSON,
-  computedAsync,
-  computedEager,
-  computedInject,
-  computedWithControl,
-  containsProp,
-  computedWithControl as controlledComputed,
-  controlledRef,
-  createEventHook,
-  createFetch,
-  createFilterWrapper,
-  createGlobalState,
-  createInjectionState,
-  reactify as createReactiveFn,
-  createRef,
-  createReusableTemplate,
-  createSharedComposable,
-  createSingletonPromise,
-  createTemplatePromise,
-  createUnrefFn,
-  customStorageEventName,
-  debounceFilter,
-  refDebounced as debouncedRef,
-  watchDebounced as debouncedWatch,
-  defaultDocument,
-  defaultLocation,
-  defaultNavigator,
-  defaultWindow,
-  computedEager as eagerComputed,
-  executeTransition,
-  extendRef,
-  formatDate,
-  formatTimeAgo,
-  get,
-  getLifeCycleTarget,
-  getSSRHandler,
-  hasOwn,
-  hyphenate,
-  identity,
-  watchIgnorable as ignorableWatch,
-  increaseWithUnit,
-  injectLocal,
-  invoke,
-  isClient,
-  isDef,
-  isDefined,
-  isIOS,
-  isObject,
-  isWorker,
-  makeDestructurable,
-  mapGamepadToXbox360Controller,
-  noop,
-  normalizeDate,
-  notNullish,
-  now,
-  objectEntries,
-  objectOmit,
-  objectPick,
-  onClickOutside,
-  onElementRemoval,
-  onKeyDown,
-  onKeyPressed,
-  onKeyStroke,
-  onKeyUp,
-  onLongPress,
-  onStartTyping,
-  pausableFilter,
-  watchPausable as pausableWatch,
-  promiseTimeout,
-  provideLocal,
-  provideSSRWidth,
-  pxValue,
-  rand,
-  reactify,
-  reactifyObject,
-  reactiveComputed,
-  reactiveOmit,
-  reactivePick,
-  refAutoReset,
-  refDebounced,
-  refDefault,
-  refThrottled,
-  refWithControl,
-  resolveRef,
-  resolveUnref,
-  set,
-  setSSRHandler,
-  syncRef,
-  syncRefs,
-  templateRef,
-  throttleFilter,
-  refThrottled as throttledRef,
-  watchThrottled as throttledWatch,
-  timestamp,
-  toArray,
-  toReactive,
-  toRef,
-  toRefs,
-  toValue,
-  tryOnBeforeMount,
-  tryOnBeforeUnmount,
-  tryOnMounted,
-  tryOnScopeDispose,
-  tryOnUnmounted,
-  unrefElement,
-  until,
-  useActiveElement,
-  useAnimate,
-  useArrayDifference,
-  useArrayEvery,
-  useArrayFilter,
-  useArrayFind,
-  useArrayFindIndex,
-  useArrayFindLast,
-  useArrayIncludes,
-  useArrayJoin,
-  useArrayMap,
-  useArrayReduce,
-  useArraySome,
-  useArrayUnique,
-  useAsyncQueue,
-  useAsyncState,
-  useBase64,
-  useBattery,
-  useBluetooth,
-  useBreakpoints,
-  useBroadcastChannel,
-  useBrowserLocation,
-  useCached,
-  useClipboard,
-  useClipboardItems,
-  useCloned,
-  useColorMode,
-  useConfirmDialog,
-  useCountdown,
-  useCounter,
-  useCssVar,
-  useCurrentElement,
-  useCycleList,
-  useDark,
-  useDateFormat,
-  refDebounced as useDebounce,
-  useDebounceFn,
-  useDebouncedRefHistory,
-  useDeviceMotion,
-  useDeviceOrientation,
-  useDevicePixelRatio,
-  useDevicesList,
-  useDisplayMedia,
-  useDocumentVisibility,
-  useDraggable,
-  useDropZone,
-  useElementBounding,
-  useElementByPoint,
-  useElementHover,
-  useElementSize,
-  useElementVisibility,
-  useEventBus,
-  useEventListener,
-  useEventSource,
-  useEyeDropper,
-  useFavicon,
-  useFetch,
-  useFileDialog,
-  useFileSystemAccess,
-  useFocus,
-  useFocusWithin,
-  useFps,
-  useFullscreen,
-  useGamepad,
-  useGeolocation,
-  useIdle,
-  useImage,
-  useInfiniteScroll,
-  useIntersectionObserver,
-  useInterval,
-  useIntervalFn,
-  useKeyModifier,
-  useLastChanged,
-  useLocalStorage,
-  useMagicKeys,
-  useManualRefHistory,
-  useMediaControls,
-  useMediaQuery,
-  useMemoize,
-  useMemory,
-  useMounted,
-  useMouse,
-  useMouseInElement,
-  useMousePressed,
-  useMutationObserver,
-  useNavigatorLanguage,
-  useNetwork,
-  useNow,
-  useObjectUrl,
-  useOffsetPagination,
-  useOnline,
-  usePageLeave,
-  useParallax,
-  useParentElement,
-  usePerformanceObserver,
-  usePermission,
-  usePointer,
-  usePointerLock,
-  usePointerSwipe,
-  usePreferredColorScheme,
-  usePreferredContrast,
-  usePreferredDark,
-  usePreferredLanguages,
-  usePreferredReducedMotion,
-  usePreferredReducedTransparency,
-  usePrevious,
-  useRafFn,
-  useRefHistory,
-  useResizeObserver,
-  useSSRWidth,
-  useScreenOrientation,
-  useScreenSafeArea,
-  useScriptTag,
-  useScroll,
-  useScrollLock,
-  useSessionStorage,
-  useShare,
-  useSorted,
-  useSpeechRecognition,
-  useSpeechSynthesis,
-  useStepper,
-  useStorage,
-  useStorageAsync,
-  useStyleTag,
-  useSupported,
-  useSwipe,
-  useTemplateRefsList,
-  useTextDirection,
-  useTextSelection,
-  useTextareaAutosize,
-  refThrottled as useThrottle,
-  useThrottleFn,
-  useThrottledRefHistory,
-  useTimeAgo,
-  useTimeout,
-  useTimeoutFn,
-  useTimeoutPoll,
-  useTimestamp,
-  useTitle,
-  useToNumber,
-  useToString,
-  useToggle,
-  useTransition,
-  useUrlSearchParams,
-  useUserMedia,
-  useVModel,
-  useVModels,
-  useVibrate,
-  useVirtualList,
-  useWakeLock,
-  useWebNotification,
-  useWebSocket,
-  useWebWorker,
-  useWebWorkerFn,
-  useWindowFocus,
-  useWindowScroll,
-  useWindowSize,
-  watchArray,
-  watchAtMost,
-  watchDebounced,
-  watchDeep,
-  watchIgnorable,
-  watchImmediate,
-  watchOnce,
-  watchPausable,
-  watchThrottled,
-  watchTriggerable,
-  watchWithFilter,
-  whenever
-};
-//# sourceMappingURL=vitepress___@vueuse_core.js.map
--- a/src/docs/.vitepress/cache/deps/vitepress___@vueuse_core.js.map
+++ b/src/docs/.vitepress/cache/deps/vitepress___@vueuse_core.js.map
@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}
--- a/src/docs/.vitepress/cache/deps/vue.js
+++ b/src/docs/.vitepress/cache/deps/vue.js
@@ -1,347 +0,0 @@
-import {
-  BaseTransition,
-  BaseTransitionPropsValidators,
-  Comment,
-  DeprecationTypes,
-  EffectScope,
-  ErrorCodes,
-  ErrorTypeStrings,
-  Fragment,
-  KeepAlive,
-  ReactiveEffect,
-  Static,
-  Suspense,
-  Teleport,
-  Text,
-  TrackOpTypes,
-  Transition,
-  TransitionGroup,
-  TriggerOpTypes,
-  VueElement,
-  assertNumber,
-  callWithAsyncErrorHandling,
-  callWithErrorHandling,
-  camelize,
-  capitalize,
-  cloneVNode,
-  compatUtils,
-  compile,
-  computed,
-  createApp,
-  createBaseVNode,
-  createBlock,
-  createCommentVNode,
-  createElementBlock,
-  createHydrationRenderer,
-  createPropsRestProxy,
-  createRenderer,
-  createSSRApp,
-  createSlots,
-  createStaticVNode,
-  createTextVNode,
-  createVNode,
-  customRef,
-  defineAsyncComponent,
-  defineComponent,
-  defineCustomElement,
-  defineEmits,
-  defineExpose,
-  defineModel,
-  defineOptions,
-  defineProps,
-  defineSSRCustomElement,
-  defineSlots,
-  devtools,
-  effect,
-  effectScope,
-  getCurrentInstance,
-  getCurrentScope,
-  getCurrentWatcher,
-  getTransitionRawChildren,
-  guardReactiveProps,
-  h,
-  handleError,
-  hasInjectionContext,
-  hydrate,
-  hydrateOnIdle,
-  hydrateOnInteraction,
-  hydrateOnMediaQuery,
-  hydrateOnVisible,
-  initCustomFormatter,
-  initDirectivesForSSR,
-  inject,
-  isMemoSame,
-  isProxy,
-  isReactive,
-  isReadonly,
-  isRef,
-  isRuntimeOnly,
-  isShallow,
-  isVNode,
-  markRaw,
-  mergeDefaults,
-  mergeModels,
-  mergeProps,
-  nextTick,
-  nodeOps,
-  normalizeClass,
-  normalizeProps,
-  normalizeStyle,
-  onActivated,
-  onBeforeMount,
-  onBeforeUnmount,
-  onBeforeUpdate,
-  onDeactivated,
-  onErrorCaptured,
-  onMounted,
-  onRenderTracked,
-  onRenderTriggered,
-  onScopeDispose,
-  onServerPrefetch,
-  onUnmounted,
-  onUpdated,
-  onWatcherCleanup,
-  openBlock,
-  patchProp,
-  popScopeId,
-  provide,
-  proxyRefs,
-  pushScopeId,
-  queuePostFlushCb,
-  reactive,
-  readonly,
-  ref,
-  registerRuntimeCompiler,
-  render,
-  renderList,
-  renderSlot,
-  resolveComponent,
-  resolveDirective,
-  resolveDynamicComponent,
-  resolveFilter,
-  resolveTransitionHooks,
-  setBlockTracking,
-  setDevtoolsHook,
-  setTransitionHooks,
-  shallowReactive,
-  shallowReadonly,
-  shallowRef,
-  ssrContextKey,
-  ssrUtils,
-  stop,
-  toDisplayString,
-  toHandlerKey,
-  toHandlers,
-  toRaw,
-  toRef,
-  toRefs,
-  toValue,
-  transformVNodeArgs,
-  triggerRef,
-  unref,
-  useAttrs,
-  useCssModule,
-  useCssVars,
-  useHost,
-  useId,
-  useModel,
-  useSSRContext,
-  useShadowRoot,
-  useSlots,
-  useTemplateRef,
-  useTransitionState,
-  vModelCheckbox,
-  vModelDynamic,
-  vModelRadio,
-  vModelSelect,
-  vModelText,
-  vShow,
-  version,
-  warn,
-  watch,
-  watchEffect,
-  watchPostEffect,
-  watchSyncEffect,
-  withAsyncContext,
-  withCtx,
-  withDefaults,
-  withDirectives,
-  withKeys,
-  withMemo,
-  withModifiers,
-  withScopeId
-} from "./chunk-3S55Y3P7.js";
-export {
-  BaseTransition,
-  BaseTransitionPropsValidators,
-  Comment,
-  DeprecationTypes,
-  EffectScope,
-  ErrorCodes,
-  ErrorTypeStrings,
-  Fragment,
-  KeepAlive,
-  ReactiveEffect,
-  Static,
-  Suspense,
-  Teleport,
-  Text,
-  TrackOpTypes,
-  Transition,
-  TransitionGroup,
-  TriggerOpTypes,
-  VueElement,
-  assertNumber,
-  callWithAsyncErrorHandling,
-  callWithErrorHandling,
-  camelize,
-  capitalize,
-  cloneVNode,
-  compatUtils,
-  compile,
-  computed,
-  createApp,
-  createBlock,
-  createCommentVNode,
-  createElementBlock,
-  createBaseVNode as createElementVNode,
-  createHydrationRenderer,
-  createPropsRestProxy,
-  createRenderer,
-  createSSRApp,
-  createSlots,
-  createStaticVNode,
-  createTextVNode,
-  createVNode,
-  customRef,
-  defineAsyncComponent,
-  defineComponent,
-  defineCustomElement,
-  defineEmits,
-  defineExpose,
-  defineModel,
-  defineOptions,
-  defineProps,
-  defineSSRCustomElement,
-  defineSlots,
-  devtools,
-  effect,
-  effectScope,
-  getCurrentInstance,
-  getCurrentScope,
-  getCurrentWatcher,
-  getTransitionRawChildren,
-  guardReactiveProps,
-  h,
-  handleError,
-  hasInjectionContext,
-  hydrate,
-  hydrateOnIdle,
-  hydrateOnInteraction,
-  hydrateOnMediaQuery,
-  hydrateOnVisible,
-  initCustomFormatter,
-  initDirectivesForSSR,
-  inject,
-  isMemoSame,
-  isProxy,
-  isReactive,
-  isReadonly,
-  isRef,
-  isRuntimeOnly,
-  isShallow,
-  isVNode,
-  markRaw,
-  mergeDefaults,
-  mergeModels,
-  mergeProps,
-  nextTick,
-  nodeOps,
-  normalizeClass,
-  normalizeProps,
-  normalizeStyle,
-  onActivated,
-  onBeforeMount,
-  onBeforeUnmount,
-  onBeforeUpdate,
-  onDeactivated,
-  onErrorCaptured,
-  onMounted,
-  onRenderTracked,
-  onRenderTriggered,
-  onScopeDispose,
-  onServerPrefetch,
-  onUnmounted,
-  onUpdated,
-  onWatcherCleanup,
-  openBlock,
-  patchProp,
-  popScopeId,
-  provide,
-  proxyRefs,
-  pushScopeId,
-  queuePostFlushCb,
-  reactive,
-  readonly,
-  ref,
-  registerRuntimeCompiler,
-  render,
-  renderList,
-  renderSlot,
-  resolveComponent,
-  resolveDirective,
-  resolveDynamicComponent,
-  resolveFilter,
-  resolveTransitionHooks,
-  setBlockTracking,
-  setDevtoolsHook,
-  setTransitionHooks,
-  shallowReactive,
-  shallowReadonly,
-  shallowRef,
-  ssrContextKey,
-  ssrUtils,
-  stop,
-  toDisplayString,
-  toHandlerKey,
-  toHandlers,
-  toRaw,
-  toRef,
-  toRefs,
-  toValue,
-  transformVNodeArgs,
-  triggerRef,
-  unref,
-  useAttrs,
-  useCssModule,
-  useCssVars,
-  useHost,
-  useId,
-  useModel,
-  useSSRContext,
-  useShadowRoot,
-  useSlots,
-  useTemplateRef,
-  useTransitionState,
-  vModelCheckbox,
-  vModelDynamic,
-  vModelRadio,
-  vModelSelect,
-  vModelText,
-  vShow,
-  version,
-  warn,
-  watch,
-  watchEffect,
-  watchPostEffect,
-  watchSyncEffect,
-  withAsyncContext,
-  withCtx,
-  withDefaults,
-  withDirectives,
-  withKeys,
-  withMemo,
-  withModifiers,
-  withScopeId
-};
-//# sourceMappingURL=vue.js.map
--- a/src/docs/.vitepress/cache/deps/vue.js.map
+++ b/src/docs/.vitepress/cache/deps/vue.js.map
@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}
--- a/src/docs/.vitepress/config.js
+++ b/src/docs/.vitepress/config.js
@@ -1,64 +0,0 @@
-import { defineConfig } from 'vitepress'
-
-const isDev = process.env.NODE_ENV === 'development'
-
-export default defineConfig({
-  title: "SigPro",
-  description: "Minimalist Reactive Library",
-  outDir: '../../docs',
-  base: isDev ? '/absproxy/5174/sigpro/' : '/sigpro/',
-
-  head: [
-    ['link', { rel: 'stylesheet', href: 'https://cdn.jsdelivr.net/npm/daisyui@5/dist/full.css' }]
-  ],
-  
-  vite: {
-    outDir: '../../docs',
-    base: isDev ? '/absproxy/5174/sigpro/' : '/sigpro/',
-    server: {
-      allowedHosts: true,
-      port: 5174,
-    }
-  },
-
-  themeConfig: {
-    logo: '/logo.svg',
-    nav: [
-      { text: 'Home', link: '/' },
-      { text: 'Install', link: '/install' },
-      { text: 'Api', link: '/api/quick' },
-    ],
-    sidebar: [
-      {
-        text: 'Introduction',
-        items: [
-          { text: 'Installation', link: '/install' },
-          { text: 'Vite Plugin', link: '/vite/plugin' },
-        ]
-      },
-      {
-        text: 'API Reference',
-        items: [
-          { text: 'Quick Start', link: '/api/quick' },
-          { text: '$ signals', link: '/api/signal' },
-          { text: '$watch', link: '/api/watch' },
-          { text: '$if', link: '/api/if' },
-          { text: '$for', link: '/api/for' },
-          { text: '$router', link: '/api/router' },
-          { text: '$mount', link: '/api/mount' },
-          { text: '$html', link: '/api/html' },
-          { text: 'Tags', link: '/api/tags' },
-        ]
-      },
-      {
-        text: 'UI Components',
-        items: [
-          { text: 'Quick Start', link: '/ui/quick' }
-        ]
-      },
-    ],
-    socialLinks: [
-      { icon: 'github', link: 'https://github.com/natxocc/sigpro' }
-    ]
-  }
-})
--- a/src/docs/api/for.md
+++ b/src/docs/api/for.md
@@ -1,83 +0,0 @@
-# ♻️ Reactive Lists: `$for( )`
-
-The `$for` function is a high-performance list renderer. It maps an array (or a Signal containing an array) to DOM nodes. Unlike a simple `.map()`, `$for` is **keyed**, meaning it only updates, moves, or deletes the specific items that changed.
-
-## 🛠️ Function Signature
-
-```typescript
-$for(
-  source: Signal<any[]> | Function | any[], 
-  render: (item: any, index: number) => HTMLElement, 
-  keyFn: (item: any, index: number) => string | number
-): HTMLElement
-```
-
-| Parameter | Type | Required | Description |
-| :--- | :--- | :--- | :--- |
-| **`source`** | `Signal` | Yes | The reactive array to iterate over. |
-| **`render`** | `Function` | Yes | A function that returns a component or Node for each item. |
-| **`keyFn`** | `Function` | Yes | A function to extract a **unique ID** for each item (crucial for performance). |
-
-**Returns:** A `div` element with `display: contents` containing the live list.
-
---
-
-## 📖 Usage Patterns
-
-### 1. Basic Keyed List
-Always use a unique property (like an `id`) as a key to ensure SigPro doesn't recreate nodes unnecessarily.
-
-```javascript
-const users = $([
-  { id: 1, name: "Alice" },
-  { id: 2, name: "Bob" }
-]);
-
-Ul({ class: "list" }, [
-  $for(users, 
-    (user) => Li({ class: "p-2" }, user.name),
-    (user) => user.id
-  )
-]);
-```
-
-### 2. Handling Primitive Arrays
-If your array contains simple strings or numbers, you can use the value itself or the index as a key (though the index is less efficient for reordering).
-
-```javascript
-const tags = $(["Tech", "JS", "Web"]);
-
-Div({ class: "flex gap-1" }, [
-  $for(tags, (tag) => Badge(tag), (tag) => tag)
-]);
-```
-
---
-
-## 🏗️ How it Works (The Reconciliation)
-
-When the `source` signal changes, `$for` performs the following steps:
-
-1.  **Key Diffing**: It compares the new keys with the previous ones stored in an internal `Map`.
-2.  **Node Reuse**: If a key already exists, the DOM node is **reused** and moved to its new position. No new elements are created.
-3.  **Cleanup**: If a key disappears from the list, SigPro calls `.destroy()` on that specific item's instance. This stops all its internal watchers and removes its DOM nodes.
-
-
-
---
-
-## 💡 Performance Tips
-
-* **Stable Keys**: Never use `Math.random()` as a key. This will force SigPro to destroy and recreate the entire list on every update, killing performance.
-* **Component Encapsulation**: If each item in your list has its own complex internal state, `$for` ensures that state is preserved even if the list is reordered, as long as the key remains the same.
-
---
-
-## 🧪 Summary Comparison
-
-| Feature | Standard `Array.map` | SigPro `$for` |
-| :--- | :--- | :--- |
-| **Re-render** | Re-renders everything | Only updates changes |
-| **DOM Nodes** | Re-created every time | **Reused via Keys** |
-| **Memory** | Potential leaks | **Automatic Cleanup** |
-| **State** | Lost on re-render | **Preserved per item** |
--- a/src/docs/api/html.md
+++ b/src/docs/api/html.md
@@ -1,91 +0,0 @@
-# 🏗️ The DOM Factory: `$html( )`
-
-`$html` is the internal engine that creates, attributes, and attaches reactivity to DOM elements. It uses `$.watch` to maintain a live, high-performance link between your Signals and the Document Object Model.
-
-## 🛠 Function Signature
-
-```typescript
-$html(tagName: string, props?: Object, children?: any[] | any): HTMLElement
-```
-
-| Parameter | Type | Required | Description |
-| :--- | :--- | :--- | :--- |
-| **`tagName`** | `string` | Yes | Valid HTML tag name (e.g., `"div"`, `"button"`). |
-| **`props`** | `Object` | No | HTML attributes, event listeners, and reactive bindings. |
-| **`children`** | `any` | No | Nested elements, text strings, or reactive functions. |
-
---
-
-## 📖 Key Features
-
-### 1. Attribute Handling
-SigPro intelligently decides how to apply each property:
-* **Standard Props**: Applied via `setAttribute` or direct property assignment.
-* **Class Names**: Supports `class` or `className` interchangeably.
-* **Boolean Props**: Automatic handling for `checked`, `disabled`, `hidden`, etc.
-
-### 2. Event Listeners
-Events are defined by the `on` prefix. SigPro automatically registers the listener and ensures it is cleaned up when the element is destroyed.
-
-```javascript
-Button({
-  onclick: (e) => console.log("Clicked!", e),
-}, "Click Me");
-```
-
-### 3. Reactive Attributes (One-Way)
-If an attribute value is a **function** (like a Signal), `$html` creates an internal **`$.watch`** to keep the DOM in sync with the state.
-
-```javascript
-Div({
-  // Updates the class whenever 'theme()' changes
-  class: () => theme() === "dark" ? "bg-black" : "bg-white"
-});
-```
-
-### 4. Smart Two-Way Binding (Automatic)
-SigPro automatically enables **bidirectional synchronization** when it detects a **Signal** assigned to a form-capable attribute (`value` or `checked`) on an input element (`input`, `textarea`, `select`).
-
-
-
-```javascript
-// Syncs input value <-> signal automatically
-Input({ 
-  type: "text", 
-  value: username // No special symbols needed!
-})
-```
-
-> **Note:** To use a Signal as **read-only** in an input, wrap it in an anonymous function: `value: () => username()`.
-
-### 5. Reactive Children
-Children can be static or dynamic. When a child is a function, SigPro creates a reactive boundary using `$.watch` for that specific part of the DOM.
-
-```javascript
-Div({}, [
-  H1("Static Title"),
-  // Only this text node re-renders when 'count' changes
-  () => `Current count: ${count()}`
-]);
-```
-
---
-
-## 🧹 Memory Management (Internal)
-Every element created with `$html` is "self-aware" regarding its reactive dependencies.
-* **`._cleanups`**: A hidden `Set` attached to the element that stores all `stop()` functions from its internal `$.watch` calls and event listeners.
-* **Lifecycle**: When an element is removed by a Controller (`$.if`, `$.for`, or `$.router`), SigPro performs a recursive **"sweep"** to execute these cleanups, ensuring **zero memory leaks**.
-
---
-
-## 💡 Tag Constructors (The Shortcuts)
-
-Instead of writing `$html("div", ...)` every time, SigPro provides PascalCase global functions for all standard HTML tags:
-
-```javascript
-// This:
-Div({ class: "wrapper" }, [ Span("Hello") ])
-
-// Is exactly equivalent to:
-$html("div", { class: "wrapper" }, [ $html("span", {}, "Hello") ])
-```
--- a/src/docs/api/if.md
+++ b/src/docs/api/if.md
@@ -1,88 +0,0 @@
-
-# 🔀 Reactive Branching: `$if( )`
-
-The `$if` function is a reactive control flow operator. It manages the conditional rendering of components, ensuring that only the active branch exists in the DOM and in memory.
-
-## 🛠️ Function Signature
-
-```typescript
-$if(
-  condition: Signal<boolean> | Function, 
-  thenVal: Component | Node, 
-  otherwiseVal?: Component | Node
-): HTMLElement
-```
-
-| Parameter | Type | Required | Description |
-| :--- | :--- | :--- | :--- |
-| **`condition`** | `Signal` | Yes | A reactive source that determines which branch to render. |
-| **`thenVal`** | `any` | Yes | The content to show when the condition is **truthy**. |
-| **`otherwiseVal`** | `any` | No | The content to show when the condition is **falsy** (defaults to null). |
-
-**Returns:** A `div` element with `display: contents` that acts as a reactive portal for the branches.
-
---
-
-## 📖 Usage Patterns
-
-### 1. Simple Toggle
-The most common use case is showing or hiding a single element based on a state.
-
-```javascript
-const isVisible = $(false);
-
-Div([
-  Button({ onclick: () => isVisible(!isVisible()) }, "Toggle Message"),
-  
-  $if(isVisible, 
-    P("Now you see me!"), 
-    P("Now you don't...")
-  )
-]);
-```
-
-### 2. Lazy Component Loading
-Unlike using a hidden class (CSS `display: none`), `$if` is **lazy**. The branch that isn't active **is never created**. This saves memory and initial processing time.
-
-```javascript
-$if(() => user.isLogged(), 
-  () => Dashboard(), // Only executed if logged in
-  () => LoginGate()  // Only executed if guest
-)
-```
-
---
-
-## 🧹 Automatic Cleanup
-
-One of the core strengths of `$if` is its integrated **Cleanup** logic. SigPro ensures that when a branch is swapped out, it is completely purged.
-
-1.  **Stop Watchers**: All `$.watch` calls inside the inactive branch are permanently stopped.
-2.  **Unbind Events**: Event listeners attached via `$.html` are removed.
-3.  **Recursive Sweep**: SigPro performs a deep "sweep" of the removed branch to ensure no nested reactive effects remain active.
-
-
-
---
-
-## 💡 Best Practices
-
-* **Function Wrappers**: If your branches are heavy (e.g., they contain complex components), wrap them in a function `() => MyComponent()`. This prevents the component from being initialized until the condition actually meets its requirement.
-* **Logical Expressions**: You can pass a complex computed function as the condition:
-    ```javascript
-    $if(() => count() > 10 && status() === 'ready', 
-      Span("Threshold reached!")
-    )
-    ```
-
---
-
-## 🏗️ Technical Comparison
-
-| Feature | Standard CSS `hidden` | SigPro `$if` |
-| :--- | :--- | :--- |
-| **DOM Presence** | Always present | Only if active |
-| **Reactivity** | Still processing in background | **Paused/Destroyed** |
-| **Memory usage** | Higher | **Optimized** |
-| **Cleanup** | Manual | **Automatic** |
-
--- a/src/docs/api/mount.md
+++ b/src/docs/api/mount.md
@@ -1,85 +0,0 @@
-# 🔌 Application Mounter: `$mount( )`
-
-The `$mount` function is the entry point of your reactive world. It bridges the gap between your SigPro logic and the browser's Real DOM by injecting a component into the document and initializing its reactive lifecycle.
-
-## 🛠️ Function Signature
-
-```typescript
-$mount(node: Function | HTMLElement, target?: string | HTMLElement): RuntimeObject
-```
-
-| Parameter | Type | Default | Description |
-| :--- | :--- | :--- | :--- |
-| **`node`** | `Function` or `Node` | **Required** | The component function or DOM element to render. |
-| **`target`** | `string` or `Node` | `document.body` | CSS selector or DOM element where the app will live. |
-
-**Returns:** A `Runtime` object containing the `container` and a `destroy()` method to wipe all reactivity and DOM nodes.
-
---
-
-## 📖 Common Usage Scenarios
-
-### 1. The SPA Entry Point
-In a Single Page Application, you typically mount your main component to the body or a root div. SigPro manages the entire view from that point.
-
-```javascript
-import { $ } from './sigpro.js';
-import App from './App.js';
-
-// Mounts your main App component
-$mount(App, '#app-root'); 
-```
-
-### 2. Reactive "Islands"
-SigPro is perfect for adding reactivity to static pages. You can mount small widgets into specific parts of an existing HTML layout.
-
-```javascript
-const Counter = () => {
-  const count = $(0);
-  return Button({ onclick: () => count(c => c + 1) }, [
-    "Clicks: ", count
-  ]);
-};
-
-// Mount only the counter into a specific sidebar div
-$mount(Counter, '#sidebar-widget');
-```
-
---
-
-## 🔄 How it Works (Lifecycle & Cleanup)
-
-When `$mount` is executed, it performs these critical steps to ensure a leak-free environment:
-
-1.  **Duplicate Detection**: If you call `$mount` on a target that already has a SigPro instance, it automatically calls `.destroy()` on the previous instance. This prevents "Zombie Effects" from stacking in memory.
-2.  **Internal Scoping**: It executes the component function inside an internal **Reactive Owner**. This captures every `$watch` and event listener created during the render.
-3.  **Target Injection**: It clears the target using `replaceChildren()` and appends the new component.
-4.  **Runtime Creation**: It returns a control object:
-    * `container`: The actual DOM element created.
-    * `destroy()`: The "kill switch" that runs all cleanups, stops all watchers, and removes the element from the DOM.
-
---
-
-## 🛑 Manual Unmounting
-
-While SigPro handles most cleanups automatically (via `$if`, `$for`, and `$router`), you can manually destroy any mounted instance. This is vital for imperatively managed UI like **Toasts** or **Modals**.
-
-```javascript
-const instance = $mount(MyToast, '#toast-container');
-
-// Later, to remove the toast and kill its reactivity:
-instance.destroy();
-```
-
---
-
-## 💡 Summary Cheat Sheet
-
-| Goal | Code Pattern |
-| :--- | :--- |
-| **Mount to body** | `$mount(App)` |
-| **Mount to CSS Selector** | `$mount(App, '#root')` |
-| **Mount to DOM Node** | `$mount(App, myElement)` |
-| **Clean & Re-mount** | Calling `$mount` again on the same target |
-| **Total Cleanup** | `const app = $mount(App); app.destroy();` |
-
--- a/src/docs/api/quick.md
+++ b/src/docs/api/quick.md
@@ -1,38 +0,0 @@
-# ⚡ Quick API Reference
-
-SigPro is a high-performance micro-framework that updates the **Real DOM** surgically. No Virtual DOM, no unnecessary re-renders, and built-in **Cleanup** (memory cleanup).
-
-## 🟢 Core Functions
-
-| Function | Signature | Description |
-| :--- | :--- | :--- |
-| **`$(val, key?)`** | `(any, string?) => Signal` | Creates a **Signal**. If `key` is provided, it persists in `localStorage`. |
-| **`$(fn)`** | `(function) => Computed` | Creates a **Computed Signal** that auto-updates when its dependencies change. |
-| **`$watch(fn)`** | `(function) => stopFn` | **Automatic Mode:** Tracks any signal touched inside. Returns a stop function. |
-| **`$watch(deps, fn)`** | `(Array, function) => stopFn` | **Explicit Mode:** Only runs when signals in `deps` change. Used for Cleanup. |
-| **`$html(tag, props, kids)`** | `(string, obj, any) => Element` | The low-level DOM factory. Attaches `._cleanups` to every element. |
-| **`$if(cond, then, else?)`** | `(Signal, fn, fn?) => Node` | Reactive conditional. Automatically destroys the "else" branch memory. |
-| **`$for(list, itemFn)`** | `(Signal, fn) => Node` | Optimized list renderer. Manages individual item lifecycles. |
-| **`$router(routes)`** | `(Array) => Element` | Hash-based SPA router. Uses Explicit Watch to prevent memory leaks. |
-| **`$mount(node, target)`** | `(any, string\|Node) => Runtime` | Entry point. Creates a root instance with `.destroy()` capabilities. |
-
---
-
-## 🏗️ Element Constructors (Tags)
-
-SigPro provides PascalCase wrappers for all standard HTML5 tags (e.g., `Div`, `Span`, `Button`).
-
-### Syntax Pattern
-```javascript
-Tag({ attributes }, [children])
-```
-
-### Attribute & Content Handling
-
-| Pattern | Code Example | Behavior |
-| :--- | :--- | :--- |
-| **Static** | `class: "text-red"` | Standard HTML attribute string. |
-| **Reactive** | `disabled: isLoading` | Updates automatically via internal `$watch`. |
-| **Two-way** | `$value: username` | **Binding Operator**: Syncs input $\leftrightarrow$ signal both ways. |
-| **Text** | `P({}, () => count())` | Updates text node surgically without re-rendering the `P`. |
-| **Boolean** | `hidden: isHidden` | Toggles the attribute based on signal truthiness. |
--- a/src/docs/api/router.md
+++ b/src/docs/api/router.md
@@ -1,96 +0,0 @@
-# 🚦 Routing: `$router()` & Utilities
-
-SigPro includes a built-in, lightweight **Hash Router** to create Single Page Applications (SPA). It manages the URL state, matches components to paths, and handles the lifecycle of your pages automatically.
-
-## 🛠 Router Signature
-
-```typescript
-$router(routes: Route[]): HTMLElement
-```
-
-### Route Object
-| Property | Type | Description |
-| :--- | :--- | :--- |
-| **`path`** | `string` | The URL fragment (e.g., `"/"`, `"/user/:id"`, or `"*"`). |
-| **`component`** | `Function` | A function that returns a Node, a String, or a reactive View. |
-
---
-
-## 📖 Usage Patterns
-
-### 1. Defining Routes
-The `$router` returns a `div` element with the class `.router-outlet`. When the hash changes, the router destroys the previous view and mounts the new one inside this container.
-
-```javascript
-const App = () => Div({ class: "app-layout" }, [
-  Navbar(),
-  // The router outlet is placed here
-  $router([
-    { path: "/", component: Home },
-    { path: "/profile/:id", component: (params) => UserProfile(params.id) },
-    { path: "*", component: () => H1("404 Not Found") }
-  ])
-]);
-```
-
-### 2. Dynamic Segments (`:id`)
-The router automatically parses URL parameters (like `:id`) and passes them as an object to the component function. You can also access them globally via `$router.params()`.
-
-```javascript
-// If the URL is #/profile/42
-const UserProfile = (params) => {
-  return H1(`User ID is: ${params.id}`); // Displays "User ID is: 42"
-};
-```
-
---
-
-## 🏎 Navigation Utilities
-
-SigPro provides a set of programmatic methods to control the history and read the state.
-
-### `$router.to(path)`
-Navigates to a specific path. It automatically formats the hash (e.g., `/home` becomes `#/home`).
-```javascript
-Button({ onclick: () => $router.to("/dashboard") }, "Go to Dashboard")
-```
-
-### `$router.back()`
-Goes back to the previous page in the browser history.
-```javascript
-Button({ onclick: () => $router.back() }, "Back")
-```
-
-### `$router.path()`
-Returns the current path (without the `#`).
-```javascript
-$watch(() => {
-  console.log("Current path is:", $router.path());
-});
-```
-
---
-
-## ⚡ Technical Behavior
-
-* **Automatic Cleanup**: Every time you navigate, the router calls `.destroy()` on the previous view. This ensures that all **signals, effects, and event listeners** from the old page are purged from memory.
-* **Reactive Params**: `$router.params` is a signal (`$`). You can react to parameter changes without re-mounting the entire router outlet.
-* **Hash-Based**: By using `window.location.hash`, SigPro works out-of-the-box on any static hosting (like GitHub Pages or Vercel) without needing server-side redirects.
-
---
-
-## 🎨 Styling the Outlet
-The router returns a standard `div` with the `.router-outlet` class. You can easily style it or add transitions:
-
-```css
-.router-outlet {
-  display: block;
-  min-height: 100vh;
-  animation: fadeIn 0.3s ease;
-}
-
-@keyframes fadeIn {
-  from { opacity: 0; transform: translateY(10px); }
-  to { opacity: 1; transform: translateY(0); }
-}
-```
--- a/src/docs/api/signal.md
+++ b/src/docs/api/signal.md
@@ -1,68 +0,0 @@
-# 💎 The Signal Function: `$( )`
-
-The `$( )` function is the core constructor of SigPro. It defines how data is stored, computed, and persisted.
-
-## 🛠 Function Signature
-
-```typescript
-$(initialValue: any, key?: string): Signal
-$(computation: Function): ComputedSignal
-```
-
-| Parameter | Type | Required | Description |
-| :--- | :--- | :--- | :--- |
-| **`initialValue`** | `any` | Yes* | The starting value of your signal. |
-| **`computation`** | `Function` | Yes* | A function that returns a value based on other signals. |
-| **`key`** | `string` | No | A unique name to persist the signal in `localStorage`. |
-
-*\*Either an initial value or a computation function must be provided.*
-
---
-
-## 📖 Usage Patterns
-
-### 1. Simple State
-**`$(value)`**
-Creates a writable signal. It returns a function that acts as both **getter** and **setter**.
-
-```javascript
-const count = $(0); 
-
-count();    // Read (0)
-count(10);  // Write (10)
-```
-
-### 2. Persistent State
-**`$(value, key)`**
-Creates a writable signal that syncs with the browser's storage.
-
-```javascript
-const theme = $("light", "app-theme"); 
-
-theme("dark"); // Automatically calls localStorage.setItem("app-theme", '"dark"')
-```
-*Note: On page load, SigPro will prioritize the value found in `localStorage` over the `initialValue`.*
-
-### 3. Computed State (Derived)
-**`$(function)`**
-Creates a read-only signal that updates automatically when any signal used inside it changes.
-
-```javascript
-const price = $(100);
-const tax = $(0.21);
-
-// This tracks both 'price' and 'tax' automatically
-const total = $(() => price() * (1 + tax())); 
-```
-
---
-
-## 🔄 Updating with Logic
-When calling the setter, you can pass an **updater function** to access the current value safely.
-
-```javascript
-const list = $(["A", "B"]);
-
-// Adds "C" using the previous state
-list(prev => [...prev, "C"]); 
-```
--- a/src/docs/api/tags.md
+++ b/src/docs/api/tags.md
@@ -1,125 +0,0 @@
-# 🎨 Global Tag Helpers
-
-In **SigPro**, you don't need to manually type `$html('div', ...)` for every element. To keep your code declarative and readable, the engine automatically generates **Global Helper Functions** for all standard HTML5 tags upon initialization.
-
-## 1. How it Works
-
-SigPro iterates through a manifest of standard HTML tags and attaches a wrapper function for each one directly to the `window` object. This creates a specialized **DSL** (Domain Specific Language) that looks like a template engine but is **100% standard JavaScript**.
-
-* **Under the hood:** `$html('button', { onclick: ... }, 'Click')`
-* **SigPro Style:** `Button({ onclick: ... }, 'Click')`
-
---
-
-## 2. The Complete Global Registry
-
-The following functions are injected into the global scope using **PascalCase** to prevent naming collisions with common JS variables:
-
-| Category | Available Global Functions |
-| :--- | :--- |
-| **Structure** | `Div`, `Span`, `P`, `Section`, `Nav`, `Main`, `Header`, `Footer`, `Article`, `Aside` |
-| **Typography** | `H1` to `H6`, `Ul`, `Ol`, `Li`, `Dl`, `Dt`, `Dd`, `Strong`, `Em`, `Code`, `Pre`, `Small`, `B`, `U`, `Mark` |
-| **Interactive** | `Button`, `A`, `Label`, `Br`, `Hr`, `Details`, `Summary`, `Dialog` |
-| **Forms** | `Form`, `Input`, `Select`, `Option`, `Textarea`, `Fieldset`, `Legend` |
-| **Tables** | `Table`, `Thead`, `Tbody`, `Tr`, `Th`, `Td`, `Tfoot`, `Caption` |
-| **Media** | `Img`, `Canvas`, `Video`, `Audio`, `Svg`, `Iframe`, `Picture`, `Source` |
-
---
-
-## 3. Usage Patterns (Smart Arguments)
-
-SigPro tag helpers are flexible. They automatically detect if you are passing attributes, children, or both.
-
-### A. Attributes + Children
-```javascript
-Div({ class: 'container', id: 'main' }, [
-  H1("Welcome to SigPro"),
-  P("The zero-VDOM framework.")
-]);
-```
-
-### B. Children Only (The "Skipper")
-If you don't need attributes, you can pass the content directly as the first argument.
-```javascript
-Section([
-  H2("Clean Syntax"),
-  Button("I have no props!")
-]);
-```
-
---
-
-## 4. Reactive Power
-
-These helpers are natively wired into SigPro's **`$watch`** engine.
-
-### Reactive Attributes (One-Way)
-Simply pass a Signal (function) to any attribute. SigPro creates an internal `$watch` to keep the DOM in sync.
-```javascript
-const theme = $("light");
-
-Div({ 
-  class: () => `app-box ${theme()}` 
-}, "Themeable Box");
-```
-
-### Smart Two-Way Binding (Automatic)
-SigPro automatically bridges the **Signal** and the **Input** element bi-directionally when you assign a Signal to `value` or `checked`. No special operators are required.
-
-```javascript
-const search = $("");
-
-// UI updates Signal AND Signal updates UI automatically
-Input({ 
-  type: "text", 
-  placeholder: "Search...",
-  value: search 
-});
-```
-
-> **Pro Tip:** If you want an input to be **read-only** but still reactive, wrap the signal in an anonymous function: `value: () => search()`. This prevents the "backwards" synchronization.
-
-### Dynamic Flow & Cleanup
-Combine tags with Core controllers. SigPro automatically cleans up the `$watch` instances and event listeners when nodes are removed from the DOM.
-```javascript
-const items = $(["Apple", "Banana", "Cherry"]);
-
-Ul({ class: "list-disc" }, [
-  $for(items, (item) => Li(item), (item) => item)
-]);
-```
-
---
-
-::: danger
-## ⚠️ Important: Naming Conventions
-
-1.  **Avoid Shadowing**: Don't name your local variables like the tags (e.g., `const Div = ...`). This will "hide" the global SigPro helper.
-2.  **Custom Components**: Always use **PascalCase** for your own component functions (e.g., `UserCard`, `NavMenu`) to distinguish them from built-in Tag Helpers.
-:::
-
---
-
-## 5. Logic to UI Comparison
-
-Here is how a dynamic **User Status** component translates from SigPro logic to the final DOM structure.
-
-```javascript
-const UserStatus = (name, online) => (
-  Div({ class: 'flex items-center gap-2' }, [
-    Span({ 
-      hidden: () => !online(), 
-      class: 'w-3 h-3 bg-green-500 rounded-full' 
-    }),
-    P({ 
-      class: () => online() ? "text-bold" : "text-gray-400" 
-    }, name)
-  ])
-);
-```
-
-| State (`online`) | Rendered HTML | Memory Management |
-| :--- | :--- | :--- |
-| **`true`** | `<div class="flex..."><span class="w-3..."></span><p class="text-bold">John</p></div>` | Watcher active |
-| **`false`** | `<div class="flex..."><span hidden class="w-3..."></span><p class="text-gray-400">John</p></div>` | Attribute synced |
-
--- a/src/docs/api/watch.md
+++ b/src/docs/api/watch.md
@@ -1,91 +0,0 @@
-# ⚡ Reactivity Control: `$watch( )`
-
-The `$watch` function is the reactive engine of SigPro. It allows you to execute code automatically when signals change. `$watch` is **polymorphic**: it can track dependencies automatically or follow an explicit list.
-
-## 🛠 Function Signature
-
-```typescript
-// Automatic Mode (Magic Tracking)
-$watch(callback: Function): StopFunction
-
-// Explicit Mode (Isolated Dependencies)
-$watch(deps: Signal[], callback: Function): StopFunction
-```
-
-| Parameter | Type | Required | Description |
-| :--- | :--- | :--- | :--- |
-| **`target / deps`** | `Function` | `Array` | Yes | Either the code to run (Auto) or an array of signals to watch (Explicit). |
-| **`callback`** | `Function` | Only in Explicit | The code that will run when the `deps` change. |
-
-**Returns:** A `StopFunction` that, when called, destroys the watcher and releases memory.
-
---
-
-## 📖 Usage Patterns
-
-### 1. Automatic Mode (Default)
-Any signal you "touch" inside the callback becomes a dependency. SigPro tracks them behind the scenes.
-
-```javascript
-const count = $(0);
-
-$watch(() => {
-  // Re-runs every time 'count' changes
-  console.log(`Count is: ${count()}`);
-});
-```
-
-### 2. Explicit Mode (Advanced Cleanup) 🚀
-This mode **isolates** execution. The callback only triggers when the signals in the array change. Any other signal accessed *inside* the callback will NOT trigger a re-run. This is the "gold standard" for Routers and heavy components.
-
-```javascript
-const sPath = $("/home");
-const user = $("Admin");
-
-$watch([sPath], () => {
-  // Only triggers when 'sPath' changes.
-  // Changes to 'user' will NOT trigger this, preventing accidental re-renders.
-  console.log(`Navigating to ${sPath()} as ${user()}`);
-});
-```
-
-### 3. Automatic Cleanup
-If your logic creates timers, event listeners, or other reactive effects, SigPro tracks them as "children" of the current watch. When the watcher re-runs or stops, it kills everything inside automatically.
-
-```javascript
-$watch(() => {
-  const timer = setInterval(() => console.log("Tick"), 1000);
-  
-  // Register a manual cleanup if needed
-  // Or simply rely on SigPro to kill nested $watch() calls
-  return () => clearInterval(timer);
-});
-```
-
---
-
-## 🛑 Stopping a Watcher
-Call the returned function to manually kill the watcher. This is essential for manual DOM injections (like Toasts) or long-lived background processes.
-
-```javascript
-const stop = $watch(() => console.log(count()));
-
-// Later...
-stop(); // The link between the signal and this code is physically severed.
-```
-
---
-
-## 💡 Pro Tip: The Microtask Queue
-SigPro batches updates. If you update multiple signals in the same execution block, the watcher will only fire **once** at the end of the task.
-
-```javascript
-const a = $(0);
-const b = $(0);
-
-$watch(() => console.log(a(), b()));
-
-// This triggers only ONE re-run.
-a(1);
-b(2);
-```
--- a/src/docs/index.md
+++ b/src/docs/index.md
@@ -1,61 +0,0 @@
---
-layout: home
-
-hero:
-  name: SigPro
-  text: Atomic Unified Reactive Engine
-  tagline: High-precision atomic reactivity. No Virtual DOM. No compiler. No dependencies.
-  image:
-    src: /logo.svg
-    alt: SigPro Logo
-  actions:
-    - theme: brand
-      text: Get Started
-      link: /install
-    - theme: alt
-      text: View on GitHub
-      link: https://github.com/natxocc/sigpro
-
-features:
-  - title: ⚛️ Atomic Reactivity
-    details: Powered by fine-grained Signals. Forget about whole-component re-renders; SigPro updates only the specific text node or attribute that changed.
-  - title: 🚀 Zero Virtual DOM
-    details: By eliminating the V-DOM diffing layer, SigPro performs surgical, direct manipulations on the real DOM, removing memory and CPU overhead.
-  - title: 🛠️ No Compiler Required
-    details: Pure Vanilla JS. No Babel, no JSX, no complex build steps. Standard JavaScript that runs natively in the browser with maximum performance.
-  - title: 📦 Ultra-Lightweight
-    details: The core engine—including reactivity, DOM creation, persistence, and routing—is under 2KB. Perfect for performance-critical applications.
---
-
-## Redefining Modern Reactivity
-
-SigPro is not just another framework; it is a **high-performance engine**. While other libraries add layers of abstraction that slow down execution, SigPro returns to the essence of the web, leveraging the power of modern browser engines.
-
-### Why SigPro?
-
-#### ⚡️ Surgical DOM Efficiency
-Unlike React or Vue, SigPro doesn't compare element trees. When a signal changes, SigPro knows exactly which DOM node depends on it and updates it instantly. It is **reactive precision** at its finest.
-
-#### 🔌 Modular Plugin System
-The core is sacred. Any extra functionality—Routing, UI Helpers, or State Persistence—is integrated through a polymorphic plugin system. Load only what your application truly needs.
-
-#### 💾 Native Persistence
-SigPro features first-class support for `localStorage`. Synchronizing your application state with persistent storage is as simple as providing a key when initializing your Signal.
-
-#### 🚦 Built-in Hash Routing
-A robust routing system that supports **Native Lazy Loading** out of the box. Load your components only when the user navigates to them, keeping initial load times near zero.
-
---
-
-### The "No-Build" Philosophy
-In an ecosystem obsessed with compilers, SigPro bets on **standardization**. Write code today that will still run 10 years from now, without depending on build tools that will eventually become obsolete.
-
-> "The best way to optimize code is to not have to process it at all."
-
---
-
-## Community & Vision
-SigPro is an open-source project focused on simplicity and extreme speed. Designed for developers who love the web platform and hate unnecessary "bloatware".
-
-```text
-Built with ❤️ by NatxoCC for the Modern Web.
--- a/src/docs/install.md
+++ b/src/docs/install.md
@@ -1,146 +0,0 @@
-# Installation & Setup
-
-SigPro is designed to be drop-in ready. Whether you are building a complex application with a bundler or a simple reactive widget in a single HTML file, SigPro scales with your needs.
-
-## 1. Installation
-
-Choose the method that best fits your workflow:
-
-::: code-group
-
-```bash [npm]
-npm install sigpro
-```
-
-```bash [pnpm]
-pnpm add sigpro
-```
-
-```bash [yarn]
-yarn add sigpro
-```
-
-```bash [bun]
-bun add sigpro
-```
-
-```html [CDN (ESM)]
-<script type="module">
-  // Import the core and UI components
-  import { $ } from 'https://cdn.jsdelivr.net/npm/sigpro@latest/+esm';
-  import { UI } from 'https://cdn.jsdelivr.net/npm/sigpro@latest/ui/+esm';
-  
-  // Initialize UI components globally
-  UI($);
-</script>
-```
-
-:::
-
-----
-
-## 2. Quick Start Examples
-
-SigPro uses **PascalCase** for Tag Helpers (e.g., `Div`, `Button`) to provide a clean, component-like syntax without needing JSX.
-
-::: code-group
-
-```javascript [Mainstream (Bundlers)]
-// File: App.js
-import { $ } from 'sigpro'; 
-
-export const App = () => {
-  const $count = $(0);
-  
-  // Tag Helpers like Div, H1, Button are available globally
-  return Div({ class: 'card p-4' }, [
-    H1(["Count is: ", $count]),
-    Button({ 
-      class: 'btn btn-primary',
-      onclick: () => $count(c => c + 1) 
-    }, "Increment")
-  ]);
-};
-
-// File: main.js
-import { $ } from 'sigpro';
-import { App } from './App.js';
-
-$mount(App, '#app');
-```
-
-```html [Classic (Direct CDN)]
-<!DOCTYPE html>
-<html lang="en">
-<body>
-  <div id="app"></div>
-
-  <script type="module">
-    import { $ } from 'https://cdn.jsdelivr.net/npm/sigpro@latest/+esm';
-
-    const $name = $("Developer");
-
-    // No need to import Div, Section, H2, Input... they are global!
-    const App = () => Section({ class: 'container' }, [
-      H2(["Welcome, ", $name]),
-      Input({ 
-        type: 'text', 
-        class: 'input input-bordered',
-        $value: $name, // Automatic two-way binding
-        placeholder: 'Type your name...' 
-      })
-    ]);
-
-    $mount(App, '#app');
-  </script>
-</body>
-</html>
-```
-
-:::
-
-----
-
-## 3. Global by Design
-
-One of SigPro's core strengths is its **Global API**, which eliminates "Import Hell".
-
-* **The `$` Function:** Once loaded, it attaches itself to `window.$`. It handles state, effects, and DOM mounting.
-* **Tag Helpers (PascalCase):** Common HTML tags (`Div`, `Span`, `Button`, `Input`, etc.) are automatically registered in the global scope. 
-* **Custom Components:** We recommend using **PascalCase** (e.g., `UserCard`) or prefixes like `_Input` to keep your code organized and distinguish your logic from standard tags.
-
-## 4. Why no build step?
-
-Because SigPro uses **native ES Modules** and standard JavaScript functions to generate the DOM, you don't actually *need* a compiler like Babel or a transformer for JSX.
-
-* **Development:** Just save and refresh. Pure JS, no "transpilation" required.
-* **Performance:** Extremely lightweight. Use any modern bundler (Vite, esbuild) only when you are ready to minify and tree-shake for production.
-
-## 5. Why SigPro? (The Competitive Edge)
-
-SigPro stands out by removing the "Build Step" tax and the "Virtual DOM" overhead. It is the closest you can get to writing raw HTML/JS while maintaining modern reactivity.
-
-| Feature | **SigPro** | **SolidJS** | **Svelte** | **React** | **Vue** |
-| :--- | :--- | :--- | :--- | :--- | :--- |
-| **Bundle Size** | **~2KB** | ~7KB | ~4KB | ~40KB+ | ~30KB |
-| **DOM Strategy** | **Direct DOM** | Direct DOM | Compiled DOM | Virtual DOM | Virtual DOM |
-| **Reactivity** | **Fine-grained** | Fine-grained | Compiled | Re-renders | Proxies |
-| **Build Step** | **Optional** | Required | Required | Required | Optional |
-| **Learning Curve**| **Minimal** | Medium | Low | High | Medium |
-| **Initialization**| **Ultra-Fast** | Very Fast | Fast | Slow | Medium |
-
---
-
-## 6. Key Advantages
-
-* **Extreme Performance**: No Virtual DOM reconciliation. SigPro updates the specific node or attribute instantly when a Signal changes.
-* **Fine-Grained Reactivity**: State changes only trigger updates where the data is actually used, not on the entire component.
-* **Native Web Standards**: Everything is a standard JS function. No custom template syntax to learn.
-* **Zero Magic**: No hidden compilers. What you write is what runs in the browser.
-* **Global by Design**: Tag Helpers and the `$` function are available globally to eliminate "Import Hell" and keep your code clean.
-
-## 7. Summary
-
-SigPro isn't just another framework; it's a bridge to the native web. By using standard ES Modules and functional DOM generation, you gain the benefits of a modern library with the weight of a utility script.
-
-**Because, in the end... why fight the web when we can embrace it?**
--- a/src/docs/logo.svg
+++ b/src/docs/logo.svg
@@ -1,118 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="600.000000pt" height="591.000000pt" viewBox="0 0 600.000000 591.000000"
- preserveAspectRatio="xMidYMid meet">
-<g transform="translate(0.000000,591.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M1130 3454 c-44 -9 -84 -27 -123 -57 -97 -76 -91 -242 12 -310 34
-23 60 -32 193 -71 58 -17 78 -36 78 -74 0 -28 -24 -44 -74 -49 -65 -8 -137
-20 -181 68 l-36 40 -27 -33 c-15 -18 -37 -43 -50 -56 -26 -27 -20 -40 35 -86
-65 -55 118 -71 233 -71 89 1 112 4 152 24 94 46 137 146 108 252 -20 71 -81
-112 -224 152 -124 35 -150 64 -101 112 42 43 147 25 203 -35 18 -20 19 -19 70
-30 47 45 51 53 40 69 -22 31 -71 67 -108 80 -39 13 -161 22 -200 15z m193 -36
-c56 -23 97 -54 97 -73 0 -7 -17 -27 -37 -44 -36 -30 -37 -31 -57 -13 -12 10
-34 24 -51 31 -34 14 -148 24 -140 11 2 -4 -4 -10 -15 -13 -32 -8 -43 -52 -24
-93 9 -19 19 -32 22 -30 2 3 17 -1 33 -9 15 -8 39 -15 54 -15 14 0 25 -5 25
-11 0 -6 9 -8 20 -4 11 4 20 2 20 -4 0 -6 9 -11 21 -11 37 0 114 -59 133 -103
-24 -55 15 -138 -18 -182 -28 -37 -101 -79 -123 -71 -9 4 -11 1 -7 -5 5 -8 -22
-10 -94 -7 -85 3 -106 7 -131 26 -17 12 -37 22 -46 22 -8 0 -15 3 -15 8 0 4
-10 12 -22 17 -41 19 -44 40 -12 77 17 19 37 32 45 30 27 -9 69 -44 64 -53 -4
-5 2 -6 11 -2 11 4 15 3 11 -4 -5 -7 1 -9 15 -5 12 3 19 1 15 -4 -3 -6 25 -11
-68 -13 69 -2 77 0 100 23 14 14 31 26 38 27 9 0 9 2 0 6 -7 2 -13 16 -13 29 0
-33 -38 66 -91 81 -24 6 -71 18 -104 27 -32 9 -63 23 -68 31 -4 8 -12 13 -17
-10 -4 -3 -23 13 -40 36 -28 34 -33 48 -33 97 0 60 35 138 56 125 5 -3 7 -1 3
-5 -8 13 2 20 69 49 68 30 168 31 238 1z"/>
-<path d="M1031 3144 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
-<path d="M945 2900 c-6 -9 11 -50 21 -50 2 0 0 9 -6 20 -6 11 -8 25 -5 30 3 6
-4 10 1 10 -3 0 -8 -4 -11 -10z"/>
-<path d="M2428 3445 c-154 -39 -259 -173 -261 -333 -2 -111 21 -177 86 -248
-77 -85 134 -108 267 -108 86 -1 113 3 151 20 114 53 169 139 177 276 l5 88
-167 0 -166 0 0 -66 0 -65 85 3 c74 3 85 1 85 -14 0 -27 -48 -76 -87 -89 -49
-16 -133 -6 -176 22 -40 27 -82 89 -91 137 -8 44 10 119 37 159 64 94 220 110
-304 31 l23 -22 56 56 56 56 -43 32 c-44 32 -97 59 -131 65 -65 13 -159 13
-210 0z m202 -16 c8 -2 17 -7 20 -10 3 -3 21 -10 40 -15 19 -5 35 -15 35 -21
-0 -6 4 -15 9 -20 5 -5 6 -3 2 5 -4 6 -3 12 3 12 6 0 15 -9 22 -21 9 -17 7 -24
-10 -40 -11 -10 -24 -27 -30 -36 -9 -17 -13 -16 -59 9 -62 34 -139 53 -157 38
-8 -6 -29 -12 -48 -13 -19 -1 -33 -5 -30 -9 2 -5 -3 -8 -12 -8 -9 0 -14 -4
-10 -9 3 -5 -4 -12 -15 -16 -11 -3 -20 -13 -20 -22 0 -14 -2 -14 -19 1 -13 12
-21 14 -26 6 -3 -6 -1 -9 6 -8 6 2 14 -3 17 -11 2 -8 0 -11 -6 -7 -6 4 -8 -1
-5 -13 3 -10 0 -22 -6 -25 -13 -9 -15 -129 -2 -173 12 -42 76 -107 125 -127
-78 -32 198 -9 226 43 5 11 17 27 26 35 10 11 11 16 3 16 -7 0 -9 3 -6 7 4 3 2
-12 -4 20 -8 8 -35 13 -79 13 l-68 0 -3 44 -4 44 124 1 c69 1 129 5 134 8 6 4
-7 1 2 -7 -6 -9 -4 -12 6 -8 10 4 14 -4 14 -31 0 -20 -4 -42 -9 -50 -6 -10 -6
-12 3 -7 8 6 10 -4 5 -36 -7 -45 -72 -142 -110 -162 -10 -6 -21 -14 -24 -17
-21 -27 -213 -47 -265 -27 -75 28 -115 50 -110 58 3 6 0 7 -8 4 -14 -5 -87 72
-87 92 0 5 5 2 10 -6 7 -12 9 -10 8 7 -1 11 -7 19 -14 16 -12 -4 -27 34 -28
-74 -1 12 -4 25 -8 29 -12 11 -10 64 2 64 6 0 10 5 10 11 0 5 -5 7 -11 3 -8 -5
-8 -1 0 14 6 11 11 34 11 51 0 17 4 31 9 31 8 0 24 35 23 50 0 3 19 28 44 55
-25 29 42 41 38 30 l-6 -20 13 20 c6 11 13 21 15 23 1 2 32 13 68 26 62 20 174
-28 226 15z"/>
-<path d="M4670 3451 c-19 -4 -56 -18 -82 -31 -145 -72 -217 -236 -178 -409 14
-64 64 -147 106 -179 16 -12 34 -26 41 -32 6 -5 39 -18 72 -30 114 -38 243
-22 338 44 205 141 184 489 -37 606 -64 33 -178 47 -260 31z m177 -22 c23 -6
-40 -16 37 -21 -4 -6 2 -7 15 -3 14 4 23 2 27 -9 3 -9 12 -12 21 -9 11 4 14 2
-9 -5 -4 -7 -1 -12 8 -12 21 0 85 -89 86 -117 0 -13 4 -23 8 -23 16 0 30 -74
-26 -130 -7 -100 -11 -119 -24 -135 -7 -8 -9 -15 -6 -15 10 0 -52 -85 -78 -107
-20 -16 -50 -32 -116 -61 -31 -14 -161 -10 -219 7 -24 7 -61 23 -81 36 -48 30
-114 110 -104 126 5 8 3 9 -6 4 -10 -6 -12 -3 -8 13 4 12 2 22 -2 22 -4 0 -11
-27 -15 60 -8 71 2 143 18 134 8 -5 7 -2 0 7 -16 16 -17 33 -1 23 6 -4 8 -3 5
-3 -10 16 13 74 26 66 6 -3 7 -1 3 6 -9 14 57 82 106 108 73 40 189 54 265 32z"/>
-<path d="M4676 3307 c-22 -10 -47 -28 -57 -40 -10 -12 -18 -18 -19 -14 0 4 -6
-2 -14 -5 -7 -7 -11 -19 -8 -27 3 -8 1 -12 -5 -8 -11 7 -16 -28 -16 -113 0 -74
-6 -109 17 -102 5 3 7 -2 3 -11 -4 -10 -2 -16 6 -14 7 1 11 -4 9 -11 -1 -8 2
-11 8 -7 5 3 10 -1 10 -10 0 -8 16 -23 35 -32 19 -9 33 -19 31 -22 -2 -3 27
-6 64 -6 37 0 66 4 63 8 -3 5 1 7 8 6 23 -4 65 18 87 45 11 14 25 26 32 26 6
-0 10 6 8 12 -3 7 1 18 7 25 15 15 16 195 2 186 -5 -3 -8 0 -5 7 5 15 -62 84
-102 105 -45 23 -118 24 -164 2z m164 -26 c19 -10 49 -37 65 -60 27 -39 30
-50 30 -119 0 -65 -4 -83 -25 -114 -36 -53 -85 -78 -156 -78 -68 0 -107 20
-149 74 -40 52 -46 146 -15 210 49 102 149 137 250 87z"/>
-<path d="M1619 3443 c0 -2 0 -33 -1 -70 l0 -68 58 1 59 0 -2 -205 -2 -205 -58
-3 -58 2 0 -70 0 -71 203 0 202 0 0 70 0 70 -77 -1 c-43 -1 -68 -4 -55 -6 12
-2 22 -7 22 -11 0 -4 19 -7 42 -7 l43 0 3 -48 3 -48 -165 3 c-92 2 -166 -1
-166 -5 0 -4 -9 -3 -21 3 -16 9 -19 19 -17 53 l3 41 47 1 c76 2 76 -1 76 223
-1 109 -3 203 -7 211 -5 8 -29 14 -57 15 -32 1 -49 5 -48 14 1 6 2 28 3 47 l1
-35 176 0 176 0 -4 -47 -3 -48 -42 -1 c-73 -1 -73 -2 -72 -220 1 -107 5 -194
-10 -194 5 0 9 90 9 199 l0 199 60 -5 61 -6 -3 72 -3 72 -198 2 c-108 1 -197 1
-198 0z"/>
-<path d="M3018 3102 l-3 -342 85 0 85 0 0 112 0 113 105 5 c113 6 145 17 192
-67 57 60 76 188 39 261 -26 51 -77 99 -118 113 -19 6 -112 12 -208 12 l-175 2
-2 -343z m375 307 c20 -5 37 -14 37 -19 0 -6 6 -10 14 -10 8 0 18 -5 22 -12 5
-7 3 -8 -6 -3 -9 5 -11 4 -6 -3 4 -7 13 -12 19 -12 7 0 20 -20 30 -45 23 -54
-19 -135 -8 -197 -4 -10 -11 -15 -16 -12 -5 3 -6 -2 -3 -10 4 -10 -10 -24 -43
-43 -53 -31 -55 -32 -167 -38 -107 -5 -112 -12 -106 -131 4 -83 3 -94 -12 -98
-10 -2 -18 -1 -18 3 0 3 -20 5 -45 3 l-45 -4 0 321 0 321 158 0 c86 0 174 -5
-195 -11z"/>
-<path d="M3187 3308 c-27 -20 -34 -173 -9 -183 26 -10 151 -11 144 -1 -3 5 5
-7 16 4 12 -4 20 -3 18 1 -3 4 4 15 15 24 29 25 26 100 -5 134 -20 21 -35 26
-92 30 -50 3 -74 1 -87 -9z m157 -29 c32 -25 36 -84 7 -120 -16 -20 -30 -24
-93 -27 l-74 -4 0 86 1 86 66 0 c52 0 72 -4 93 -21z"/>
-<path d="M3710 3103 l0 -343 83 0 82 0 -3 120 -3 120 45 0 c44 0 45 -1 79 -57
-19 -32 49 -86 67 -120 l32 -62 95 -3 c52 -2 97 -1 99 1 7 7 -18 31 -27 25 -5
-3 -7 1 -4 8 3 7 -22 59 -55 116 -60 103 -68 122 -51 122 16 0 86 80 98 112
-39 108 -9 228 -110 277 -37 18 -65 21 -235 23 l-192 3 0 -342z m385 313 c26
-5 74 -37 71 -49 -1 -6 -1 -9 1 -4 18 31 73 -77 73 -143 0 -56 -36 -127 -78
-155 -17 -11 -35 -30 -41 -42 -9 -19 -6 -27 14 -47 14 -14 25 -32 25 -41 0 -8
-5 -15 11 -15 6 0 8 -9 4 -20 -4 -13 -2 -19 4 -18 12 3 68 -88 60 -96 -4 -4
-77 -7 -120 -5 -17 0 -54 64 -52 87 0 7 -1 11 -5 8 -6 -7 -32 41 -32 61 0 8
-4 12 -8 9 -4 -3 -17 11 -27 31 -21 38 -55 58 -67 39 -6 -8 -10 -8 -16 1 -6 9
-13 9 -32 0 -27 -14 -27 -12 -29 -150 l-1 -88 -57 2 -58 2 3 316 c2 235 6 317
-15 323 10 6 301 1 342 -6z"/>
-<path d="M3886 3328 c3 -4 -1 -8 -9 -8 -22 0 -37 -128 -21 -187 6 -22 11 -23
-101 -23 91 0 96 1 124 29 41 41 43 113 5 146 -51 44 -67 55 -79 55 -8 0 -7 -4
-3 -10 11 -7 -4 -10 -48 -10 -35 0 -61 4 -58 8 3 5 -1 9 -9 9 -8 0 -12 -4 -9
-9z m180 -49 c43 -43 31 -133 -19 -143 -12 -3 -57 -7 -99 -8 l-78 -3 0 93 0
-94 85 -3 c75 -4 87 -7 111 -30z"/>
-<path d="M4167 3099 c7 -7 15 -10 18 -7 3 3 -2 9 -12 12 -14 6 -15 5 -6 -5z"/>
-<path d="M3986 3017 c3 -10 9 -15 12 -12 3 3 0 11 -7 18 -10 9 -11 8 -5 -6z"/>
-<path d="M1643 2830 c0 -25 2 -35 4 -22 2 12 2 32 0 45 -2 12 -4 2 -4 -23z"/>
-<path d="M2923 2373 c13 -4 17 -15 17 -59 0 -60 -16 -77 -51 -55 -11 6 -19 7
-19 2 0 -6 6 -13 13 -18 45 -28 81 10 75 82 -2 33 1 46 12 49 8 2 -3 4 -25 4
-22 0 -32 -2 -22 -5z"/>
-<path d="M3072 2368 c-24 -24 -13 -49 28 -65 27 -11 40 -22 38 -32 -4 -20 -44
-27 -64 -10 -8 6 -17 9 -20 6 -3 -3 5 -12 18 -21 37 -24 87 -7 88 30 0 15 -19
-29 -55 41 -34 11 -39 30 -13 47 13 8 23 8 38 -2 27 -16 35 -15 20 3 -15 18
-61 20 -78 3z"/>
-</g>
-</svg>
--- a/src/docs/public/logo.svg
+++ b/src/docs/public/logo.svg
@@ -1,118 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="600.000000pt" height="591.000000pt" viewBox="0 0 600.000000 591.000000"
- preserveAspectRatio="xMidYMid meet">
-<g transform="translate(0.000000,591.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M1130 3454 c-44 -9 -84 -27 -123 -57 -97 -76 -91 -242 12 -310 34
-23 60 -32 193 -71 58 -17 78 -36 78 -74 0 -28 -24 -44 -74 -49 -65 -8 -137
-20 -181 68 l-36 40 -27 -33 c-15 -18 -37 -43 -50 -56 -26 -27 -20 -40 35 -86
-65 -55 118 -71 233 -71 89 1 112 4 152 24 94 46 137 146 108 252 -20 71 -81
-112 -224 152 -124 35 -150 64 -101 112 42 43 147 25 203 -35 18 -20 19 -19 70
-30 47 45 51 53 40 69 -22 31 -71 67 -108 80 -39 13 -161 22 -200 15z m193 -36
-c56 -23 97 -54 97 -73 0 -7 -17 -27 -37 -44 -36 -30 -37 -31 -57 -13 -12 10
-34 24 -51 31 -34 14 -148 24 -140 11 2 -4 -4 -10 -15 -13 -32 -8 -43 -52 -24
-93 9 -19 19 -32 22 -30 2 3 17 -1 33 -9 15 -8 39 -15 54 -15 14 0 25 -5 25
-11 0 -6 9 -8 20 -4 11 4 20 2 20 -4 0 -6 9 -11 21 -11 37 0 114 -59 133 -103
-24 -55 15 -138 -18 -182 -28 -37 -101 -79 -123 -71 -9 4 -11 1 -7 -5 5 -8 -22
-10 -94 -7 -85 3 -106 7 -131 26 -17 12 -37 22 -46 22 -8 0 -15 3 -15 8 0 4
-10 12 -22 17 -41 19 -44 40 -12 77 17 19 37 32 45 30 27 -9 69 -44 64 -53 -4
-5 2 -6 11 -2 11 4 15 3 11 -4 -5 -7 1 -9 15 -5 12 3 19 1 15 -4 -3 -6 25 -11
-68 -13 69 -2 77 0 100 23 14 14 31 26 38 27 9 0 9 2 0 6 -7 2 -13 16 -13 29 0
-33 -38 66 -91 81 -24 6 -71 18 -104 27 -32 9 -63 23 -68 31 -4 8 -12 13 -17
-10 -4 -3 -23 13 -40 36 -28 34 -33 48 -33 97 0 60 35 138 56 125 5 -3 7 -1 3
-5 -8 13 2 20 69 49 68 30 168 31 238 1z"/>
-<path d="M1031 3144 c0 -11 3 -14 6 -6 3 7 2 16 -1 19 -3 4 -6 -2 -5 -13z"/>
-<path d="M945 2900 c-6 -9 11 -50 21 -50 2 0 0 9 -6 20 -6 11 -8 25 -5 30 3 6
-4 10 1 10 -3 0 -8 -4 -11 -10z"/>
-<path d="M2428 3445 c-154 -39 -259 -173 -261 -333 -2 -111 21 -177 86 -248
-77 -85 134 -108 267 -108 86 -1 113 3 151 20 114 53 169 139 177 276 l5 88
-167 0 -166 0 0 -66 0 -65 85 3 c74 3 85 1 85 -14 0 -27 -48 -76 -87 -89 -49
-16 -133 -6 -176 22 -40 27 -82 89 -91 137 -8 44 10 119 37 159 64 94 220 110
-304 31 l23 -22 56 56 56 56 -43 32 c-44 32 -97 59 -131 65 -65 13 -159 13
-210 0z m202 -16 c8 -2 17 -7 20 -10 3 -3 21 -10 40 -15 19 -5 35 -15 35 -21
-0 -6 4 -15 9 -20 5 -5 6 -3 2 5 -4 6 -3 12 3 12 6 0 15 -9 22 -21 9 -17 7 -24
-10 -40 -11 -10 -24 -27 -30 -36 -9 -17 -13 -16 -59 9 -62 34 -139 53 -157 38
-8 -6 -29 -12 -48 -13 -19 -1 -33 -5 -30 -9 2 -5 -3 -8 -12 -8 -9 0 -14 -4
-10 -9 3 -5 -4 -12 -15 -16 -11 -3 -20 -13 -20 -22 0 -14 -2 -14 -19 1 -13 12
-21 14 -26 6 -3 -6 -1 -9 6 -8 6 2 14 -3 17 -11 2 -8 0 -11 -6 -7 -6 4 -8 -1
-5 -13 3 -10 0 -22 -6 -25 -13 -9 -15 -129 -2 -173 12 -42 76 -107 125 -127
-78 -32 198 -9 226 43 5 11 17 27 26 35 10 11 11 16 3 16 -7 0 -9 3 -6 7 4 3 2
-12 -4 20 -8 8 -35 13 -79 13 l-68 0 -3 44 -4 44 124 1 c69 1 129 5 134 8 6 4
-7 1 2 -7 -6 -9 -4 -12 6 -8 10 4 14 -4 14 -31 0 -20 -4 -42 -9 -50 -6 -10 -6
-12 3 -7 8 6 10 -4 5 -36 -7 -45 -72 -142 -110 -162 -10 -6 -21 -14 -24 -17
-21 -27 -213 -47 -265 -27 -75 28 -115 50 -110 58 3 6 0 7 -8 4 -14 -5 -87 72
-87 92 0 5 5 2 10 -6 7 -12 9 -10 8 7 -1 11 -7 19 -14 16 -12 -4 -27 34 -28
-74 -1 12 -4 25 -8 29 -12 11 -10 64 2 64 6 0 10 5 10 11 0 5 -5 7 -11 3 -8 -5
-8 -1 0 14 6 11 11 34 11 51 0 17 4 31 9 31 8 0 24 35 23 50 0 3 19 28 44 55
-25 29 42 41 38 30 l-6 -20 13 20 c6 11 13 21 15 23 1 2 32 13 68 26 62 20 174
-28 226 15z"/>
-<path d="M4670 3451 c-19 -4 -56 -18 -82 -31 -145 -72 -217 -236 -178 -409 14
-64 64 -147 106 -179 16 -12 34 -26 41 -32 6 -5 39 -18 72 -30 114 -38 243
-22 338 44 205 141 184 489 -37 606 -64 33 -178 47 -260 31z m177 -22 c23 -6
-40 -16 37 -21 -4 -6 2 -7 15 -3 14 4 23 2 27 -9 3 -9 12 -12 21 -9 11 4 14 2
-9 -5 -4 -7 -1 -12 8 -12 21 0 85 -89 86 -117 0 -13 4 -23 8 -23 16 0 30 -74
-26 -130 -7 -100 -11 -119 -24 -135 -7 -8 -9 -15 -6 -15 10 0 -52 -85 -78 -107
-20 -16 -50 -32 -116 -61 -31 -14 -161 -10 -219 7 -24 7 -61 23 -81 36 -48 30
-114 110 -104 126 5 8 3 9 -6 4 -10 -6 -12 -3 -8 13 4 12 2 22 -2 22 -4 0 -11
-27 -15 60 -8 71 2 143 18 134 8 -5 7 -2 0 7 -16 16 -17 33 -1 23 6 -4 8 -3 5
-3 -10 16 13 74 26 66 6 -3 7 -1 3 6 -9 14 57 82 106 108 73 40 189 54 265 32z"/>
-<path d="M4676 3307 c-22 -10 -47 -28 -57 -40 -10 -12 -18 -18 -19 -14 0 4 -6
-2 -14 -5 -7 -7 -11 -19 -8 -27 3 -8 1 -12 -5 -8 -11 7 -16 -28 -16 -113 0 -74
-6 -109 17 -102 5 3 7 -2 3 -11 -4 -10 -2 -16 6 -14 7 1 11 -4 9 -11 -1 -8 2
-11 8 -7 5 3 10 -1 10 -10 0 -8 16 -23 35 -32 19 -9 33 -19 31 -22 -2 -3 27
-6 64 -6 37 0 66 4 63 8 -3 5 1 7 8 6 23 -4 65 18 87 45 11 14 25 26 32 26 6
-0 10 6 8 12 -3 7 1 18 7 25 15 15 16 195 2 186 -5 -3 -8 0 -5 7 5 15 -62 84
-102 105 -45 23 -118 24 -164 2z m164 -26 c19 -10 49 -37 65 -60 27 -39 30
-50 30 -119 0 -65 -4 -83 -25 -114 -36 -53 -85 -78 -156 -78 -68 0 -107 20
-149 74 -40 52 -46 146 -15 210 49 102 149 137 250 87z"/>
-<path d="M1619 3443 c0 -2 0 -33 -1 -70 l0 -68 58 1 59 0 -2 -205 -2 -205 -58
-3 -58 2 0 -70 0 -71 203 0 202 0 0 70 0 70 -77 -1 c-43 -1 -68 -4 -55 -6 12
-2 22 -7 22 -11 0 -4 19 -7 42 -7 l43 0 3 -48 3 -48 -165 3 c-92 2 -166 -1
-166 -5 0 -4 -9 -3 -21 3 -16 9 -19 19 -17 53 l3 41 47 1 c76 2 76 -1 76 223
-1 109 -3 203 -7 211 -5 8 -29 14 -57 15 -32 1 -49 5 -48 14 1 6 2 28 3 47 l1
-35 176 0 176 0 -4 -47 -3 -48 -42 -1 c-73 -1 -73 -2 -72 -220 1 -107 5 -194
-10 -194 5 0 9 90 9 199 l0 199 60 -5 61 -6 -3 72 -3 72 -198 2 c-108 1 -197 1
-198 0z"/>
-<path d="M3018 3102 l-3 -342 85 0 85 0 0 112 0 113 105 5 c113 6 145 17 192
-67 57 60 76 188 39 261 -26 51 -77 99 -118 113 -19 6 -112 12 -208 12 l-175 2
-2 -343z m375 307 c20 -5 37 -14 37 -19 0 -6 6 -10 14 -10 8 0 18 -5 22 -12 5
-7 3 -8 -6 -3 -9 5 -11 4 -6 -3 4 -7 13 -12 19 -12 7 0 20 -20 30 -45 23 -54
-19 -135 -8 -197 -4 -10 -11 -15 -16 -12 -5 3 -6 -2 -3 -10 4 -10 -10 -24 -43
-43 -53 -31 -55 -32 -167 -38 -107 -5 -112 -12 -106 -131 4 -83 3 -94 -12 -98
-10 -2 -18 -1 -18 3 0 3 -20 5 -45 3 l-45 -4 0 321 0 321 158 0 c86 0 174 -5
-195 -11z"/>
-<path d="M3187 3308 c-27 -20 -34 -173 -9 -183 26 -10 151 -11 144 -1 -3 5 5
-7 16 4 12 -4 20 -3 18 1 -3 4 4 15 15 24 29 25 26 100 -5 134 -20 21 -35 26
-92 30 -50 3 -74 1 -87 -9z m157 -29 c32 -25 36 -84 7 -120 -16 -20 -30 -24
-93 -27 l-74 -4 0 86 1 86 66 0 c52 0 72 -4 93 -21z"/>
-<path d="M3710 3103 l0 -343 83 0 82 0 -3 120 -3 120 45 0 c44 0 45 -1 79 -57
-19 -32 49 -86 67 -120 l32 -62 95 -3 c52 -2 97 -1 99 1 7 7 -18 31 -27 25 -5
-3 -7 1 -4 8 3 7 -22 59 -55 116 -60 103 -68 122 -51 122 16 0 86 80 98 112
-39 108 -9 228 -110 277 -37 18 -65 21 -235 23 l-192 3 0 -342z m385 313 c26
-5 74 -37 71 -49 -1 -6 -1 -9 1 -4 18 31 73 -77 73 -143 0 -56 -36 -127 -78
-155 -17 -11 -35 -30 -41 -42 -9 -19 -6 -27 14 -47 14 -14 25 -32 25 -41 0 -8
-5 -15 11 -15 6 0 8 -9 4 -20 -4 -13 -2 -19 4 -18 12 3 68 -88 60 -96 -4 -4
-77 -7 -120 -5 -17 0 -54 64 -52 87 0 7 -1 11 -5 8 -6 -7 -32 41 -32 61 0 8
-4 12 -8 9 -4 -3 -17 11 -27 31 -21 38 -55 58 -67 39 -6 -8 -10 -8 -16 1 -6 9
-13 9 -32 0 -27 -14 -27 -12 -29 -150 l-1 -88 -57 2 -58 2 3 316 c2 235 6 317
-15 323 10 6 301 1 342 -6z"/>
-<path d="M3886 3328 c3 -4 -1 -8 -9 -8 -22 0 -37 -128 -21 -187 6 -22 11 -23
-101 -23 91 0 96 1 124 29 41 41 43 113 5 146 -51 44 -67 55 -79 55 -8 0 -7 -4
-3 -10 11 -7 -4 -10 -48 -10 -35 0 -61 4 -58 8 3 5 -1 9 -9 9 -8 0 -12 -4 -9
-9z m180 -49 c43 -43 31 -133 -19 -143 -12 -3 -57 -7 -99 -8 l-78 -3 0 93 0
-94 85 -3 c75 -4 87 -7 111 -30z"/>
-<path d="M4167 3099 c7 -7 15 -10 18 -7 3 3 -2 9 -12 12 -14 6 -15 5 -6 -5z"/>
-<path d="M3986 3017 c3 -10 9 -15 12 -12 3 3 0 11 -7 18 -10 9 -11 8 -5 -6z"/>
-<path d="M1643 2830 c0 -25 2 -35 4 -22 2 12 2 32 0 45 -2 12 -4 2 -4 -23z"/>
-<path d="M2923 2373 c13 -4 17 -15 17 -59 0 -60 -16 -77 -51 -55 -11 6 -19 7
-19 2 0 -6 6 -13 13 -18 45 -28 81 10 75 82 -2 33 1 46 12 49 8 2 -3 4 -25 4
-22 0 -32 -2 -22 -5z"/>
-<path d="M3072 2368 c-24 -24 -13 -49 28 -65 27 -11 40 -22 38 -32 -4 -20 -44
-27 -64 -10 -8 6 -17 9 -20 6 -3 -3 5 -12 18 -21 37 -24 87 -7 88 30 0 15 -19
-29 -55 41 -34 11 -39 30 -13 47 13 8 23 8 38 -2 27 -16 35 -15 20 3 -15 18
-61 20 -78 3z"/>
-</g>
-</svg>
--- a/src/docs/ui/quick.md
+++ b/src/docs/ui/quick.md
@@ -1,120 +0,0 @@
-
-# 🧩 UI Components `(WIP)`
-
-> **Status: Work In Progress.** > These are high-level, complex visual components designed to speed up development. They replace native HTML elements with "superpowered" versions that handle their own internal logic, reactivity, and professional styling.
-
-## ⚠️ Prerequisites
-
-To ensure all components render correctly with their reactive themes and states, your project **must** have the following versions installed:
-
-* **Tailwind CSS v4+**: For the new engine performance and modern CSS variables.
-* **DaisyUI v5+**: Required for the updated theme-selectors and improved component classes used in the SigPro UI library.
-
---
-
-## 1. What are UI Components?
-
-Unlike **Tag Helpers** (which are just functional mirrors of HTML tags), SigPro UI Components are smart abstractions:
-
-* **Stateful**: They manage complex internal states (like date ranges, search filtering, or API lifecycles).
-* **Reactive**: Attributes prefixed with `$` are automatically tracked via `$watch`.
-* **Self-Sane**: They automatically use `._cleanups` to destroy observers or event listeners when removed from the DOM.
-* **Themed**: Fully compatible with the DaisyUI v5 theme system and Tailwind v4 utility classes.
-
---
-
-## 2. The UI Registry (Available Now)
-
-| Category | Components |
-| :--- | :--- |
-| **Forms & Inputs** | `Button`, `Input`, `Select`, `Autocomplete`, `Datepicker`, `Colorpicker`, `CheckBox`, `Radio`, `Range`, `Rating`, `Swap` |
-| **Feedback** | `Alert`, `Toast`, `Modal`, `Loading`, `Badge`, `Tooltip`, `Indicator` |
-| **Navigation** | `Navbar`, `Menu`, `Drawer`, `Tabs`, `Accordion`, `Dropdown` |
-| **Data & Layout** | `Request`, `Response`, `Grid` (AG-Grid), `List`, `Stack`, `Timeline`, `Stat`, `Fieldset`, `Fab` |
-
---
-
-## 3. Examples with "Superpowers"
-
-### A. The Declarative API Flow (`Request` & `Response`)
-Instead of manually managing `loading` and `error` flags, use these together to handle data fetching elegantly.
-
-```javascript
-// 1. Define the request (it tracks dependencies automatically)
-const userProfile = Request(
-  () => `https://api.example.com/user/${userId()}`
-);
-
-// 2. Render the UI based on the request state
-Div({ class: "p-4" }, [
-  Response(userProfile, (data) => 
-    Div([
-      H1(data.name),
-      P(data.email)
-    ])
-  )
-]);
-```
-
-### B. Smart Inputs & Autocomplete
-SigPro UI inputs handle labels, icons, password toggles, and validation states out of the box using DaisyUI v5 classes.
-
-```javascript
-const searchQuery = $("");
-
-Autocomplete({
-  label: "Find a Country",
-  placeholder: "Start typing...",
-  options: ["Spain", "France", "Germany", "Italy", "Portugal"],
-  $value: searchQuery,
-  onSelect: (val) => console.log("Selected:", val)
-});
-```
-
-### C. The Reactive Datepicker
-Handles single dates or ranges with a clean, reactive interface that automatically syncs with your signals.
-
-```javascript
-const myDate = $(""); // or { start: "", end: "" } for range
-
-Datepicker({
-  label: "Select Expiry Date",
-  $value: myDate,
-  range: false
-});
-```
-
-### D. Imperative Toasts & Modals
-Trigger complex UI elements from your logic. These components use `$mount` internally to ensure they are properly cleaned up from memory after they close.
-
-```javascript
-// Show a notification (Self-destroying after 3s)
-Toast("Settings saved successfully!", "alert-success", 3000);
-
-// Control a modal with a simple signal
-const isModalOpen = $(false);
-
-Modal({ 
-  $open: isModalOpen, 
-  title: "Delete Account",
-  buttons: [
-    Button({ class: "btn-error", onclick: doDelete }, "Confirm")
-  ]
-}, "This action cannot be undone.");
-```
-
---
-
-## 4. Internationalization (i18n)
-
-The UI library comes with a built-in locale system.
-
-```javascript
-// Set the global UI language
-SetLocale("en");
-
-// Access translated strings (Returns a signal that tracks the current locale)
-const t = tt("confirm"); 
-```
-
-
--- a/src/docs/vite/plugin.md
+++ b/src/docs/vite/plugin.md
@@ -1,116 +0,0 @@
-# Vite Plugin: File-based Routing
-
-The `sigproRouter` plugin for Vite automates route generation by scanning your `pages` directory. It creates a **virtual module** that you can import directly into your code, eliminating the need to maintain a manual routes array.
-
-## 1. Project Structure
-
-To use the plugin, organize your files within the `src/pages` directory. The folder hierarchy directly determines your application's URL structure. SigPro uses brackets `[param]` for dynamic segments.
-
-```text
-my-sigpro-app/
-├── src/
-│   ├── pages/
-│   │   ├── index.js          →  #/
-│   │   ├── about.js          →  #/about
-│   │   ├── users/
-│   │   │   └── [id].js       →  #/users/:id
-│   │   └── blog/
-│   │       ├── index.js      →  #/blog
-│   │       └── [slug].js     →  #/blog/:slug
-│   ├── App.js                (Main Layout)
-│   └── main.js               (Entry Point)
-├── vite.config.js
-└── package.json
-```
-
---
-
-## 2. Setup & Configuration
-
-Add the plugin to your `vite.config.js`. It works out of the box with zero configuration.
-
-```javascript
-// vite.config.js
-import { defineConfig } from 'vite';
-import { sigproRouter } from 'sigpro/vite';
-
-export default defineConfig({
-  plugins: [sigproRouter()]
-});
-```
-
---
-
-## 3. Implementation
-
-Thanks to **SigPro's synchronous initialization**, you no longer need to wrap your mounting logic in `.then()` blocks.
-
-### Option A: Direct in `main.js`
-Ideal for single-page applications where the router controls the entire viewport.
-
-```javascript
-// src/main.js
-import { $ } from 'sigpro';
-import { routes } from 'virtual:sigpro-routes';
-
-// The Core already has $.router ready
-$.mount($.router(routes), '#app');
-```
-
-### Option B: Inside `App.js` (Persistent Layout)
-Recommended for professional apps with a fixed Sidebar or Navbar that should not re-render when changing pages.
-
-```javascript
-// src/main.js
-import { $ } from 'sigpro';
-import App from './App.js';
-
-$.mount(App, '#app');
-
-// src/App.js
-import { routes } from 'virtual:sigpro-routes';
-
-export default () => div({ class: 'layout' }, [
-  header([
-    h1("SigPro App"),
-    nav([
-      button({ onclick: () => $.router.go('/') }, "Home"),
-      button({ onclick: () => $.router.go('/blog') }, "Blog")
-    ])
-  ]),
-  // Only the content inside <main> will be swapped reactively
-  main($.router(routes))
-]);
-```
-
---
-
-## 4. Route Mapping Reference
-
-The plugin follows a simple convention to transform your file system into a routing map.
-
-| File Path | Generated Path | Description |
-| :--- | :--- | :--- |
-| `index.js` | `/` | The application root. |
-| `about.js` | `/about` | A static page. |
-| `[id].js` | `/:id` | Dynamic parameter (passed to the component). |
-| `blog/index.js` | `/blog` | Folder index page. |
-| `_utils.js` | *Ignored* | Files starting with `_` are excluded from routing. |
-
---
-
-## 5. How it Works (Vite Virtual Module)
-
-The plugin generates a virtual module named `virtual:sigpro-routes`. This module exports an array of objects compatible with `$.router()`:
-
-```javascript
-// Internal representation generated by the plugin
-export const routes = [
-  { path: '/', component: () => import('/src/pages/index.js') },
-  { path: '/users/:id', component: () => import('/src/pages/users/[id].js') },
-  // ...
-];
-```
-
-Because it uses dynamic `import()`, Vite automatically performs **Code Splitting**, meaning each page is its own small JS file that only loads when the user navigates to it.
-