integrate sigproui

2026-03-18 23:23:39 +01:00
parent a070ceb3d4
commit e555dc5734
66 changed files with 29670 additions and 156 deletions
--- a/UI/App.js
+++ b/UI/App.js
@@ -0,0 +1,79 @@
+import { html, $ } from "sigpro";
+import buttonsPage from "./pages/buttons.js";
+import inputPage from "./pages/input.js";
+import checkboxPage from "./pages/checkbox.js";
+import "@components/Drawer.js";
+import "@components/Menu.js";
+
+// Configuración de rutas
+const routes = [
+  { path: "/", component: () => buttonsPage() },
+  { path: "/buttons", component: () => buttonsPage() },
+  { path: "/input", component: () => inputPage() },
+  { path: "/checkbox", component: () => checkboxPage() },
+];
+
+export default function App() {
+  const openMenu = $(false);
+
+  const menuConfig = [
+    { label: "Buttons", icon: "icon-[lucide--square]", href: "#/buttons" },
+    {
+      label: "Forms",
+      icon: "icon-[lucide--form-input]",
+      open: false,
+      sub: [
+        { label: "Input", href: "#/input" },
+        { label: "Checkbox", href: "#/checkbox" },
+        { label: "Radio", href: "#/radio" },
+        { label: "Range", href: "#/range" },
+        { label: "Rating", href: "#/rating" },
+        { label: "Color Picker", href: "#/colorpicker" },
+        { label: "Date Picker", href: "#/datepicker" },
+      ],
+    },
+    {
+      label: "Display",
+      icon: "icon-[lucide--layout]",
+      open: false,
+      sub: [
+        { label: "Card", href: "#/card" },
+        { label: "Tabs", href: "#/tabs" },
+        { label: "Loading", href: "#/loading" },
+      ],
+    },
+    {
+      label: "Feedback",
+      icon: "icon-[lucide--message-circle]",
+      open: false,
+      sub: [
+        { label: "Toast", href: "#/toast" },
+        { label: "Dialog", href: "#/dialog" },
+        { label: "FAB", href: "#/fab" },
+        { label: "Dropdown", href: "#/dropdown" },
+      ],
+    },
+    { label: "About", icon: "icon-[lucide--info]", href: "#/about" },
+  ];
+
+  return html`
+    <div class="min-h-screen bg-base-100 text-base-content transition-colors duration-300">
+      <header class="navbar bg-base-200 justify-between shadow-xl px-4">
+        <div class="flex items-center gap-2">
+          <button class="btn btn-ghost" @click=${() => openMenu(!openMenu())}>
+            <span class="icon-[lucide--menu] size-5"></span>
+          </button>
+          <span class="font-bold text-lg">SigProUI</span>
+        </div>
+      </header>
+
+      <c-drawer .open=${openMenu} @change=${(e) => openMenu(false)}>
+        <c-menu cls="menu-lg" .items=${menuConfig} @select=${() => openMenu(false)}></c-menu>
+      </c-drawer>
+
+      <main class="p-4 flex flex-col gap-4 mx-auto w-full max-w-7xl">
+        <div class="p-4 bg-base-100 rounded-box shadow-sm">${$.router(routes)}</div>
+      </main>
+    </div>
+  `;
+}
--- a/UI/app.css
+++ b/UI/app.css
@@ -0,0 +1,38 @@
+@import "tailwindcss";
+@plugin "@iconify/tailwind4";
+@plugin "daisyui" {
+  themes:
+    light --default,
+    dark --prefersdark;
+  include:
+    alert, avatar, badge, button, card, checkbox, collapse, drawer, dropdown, fab, fieldset, loading, indicator, input, kbd, label, list, menu, modal,
+    navbar, radio, range, select, skeleton, tab, textarea, toast, toggle, tooltip, validator, rating, mask;
+}
+
+@font-face {
+  font-family: "Plus Jakarta Sans";
+  src: url("/jakarta.woff2") format("woff2");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
+:root {
+  font-size: 14px;
+  /* font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif; */
+}
+
+.btn-ghost {
+  border-color: transparent !important;
+}
+
+.floating-label > span {
+  font-size: 1.1rem;
+}
+
+@utility input {
+  @apply transition-all duration-300 ease-in-out outline-none shrink appearance-none items-center;
+  &:hover {
+    background-color: var(--color-base-300);
+  }
+}
--- a/UI/components/Button.js
+++ b/UI/components/Button.js
@@ -0,0 +1,31 @@
+import { $, html } from "sigpro";
+
+$.component(
+  "c-button",
+  (props, { emit, slot }) => {
+    const spinner = () => html`
+      <span .class="${() => `loading loading-spinner loading-xs ${props.loading() ? "" : "hidden"}`}"></span>
+    `;
+
+    return html`
+      <div class="${props.tooltip() ? "tooltip" : ""}" data-tip=${() => props.tooltip() ?? ""}>
+        <button
+          class="${() => `btn ${props.ui() ?? ""} ${props.badge() ? "indicator" : ""}`}"
+          ?disabled=${() => props.disabled()}
+          @click=${(e) => {
+            e.stopPropagation();
+            if (!props.loading() && !props.disabled()) emit("click", e);
+          }}>
+          ${spinner()} ${slot()}
+          ${() =>
+            props.badge()
+              ? html`
+                  <span class="indicator-item badge badge-secondary">${props.badge()}</span>
+                `
+              : null}
+        </button>
+      </div>
+    `;
+  },
+  ["ui", "loading", "badge", "tooltip", "disabled"],
+);
--- a/UI/components/Card.js
+++ b/UI/components/Card.js
@@ -0,0 +1,26 @@
+import { $, html } from "sigpro";
+
+$.component(
+  "c-card",
+  (props, host) => {
+    return html`
+      <div class="${() => `card bg-base-100 shadow-sm ${props.ui() ?? ""}`}">
+        ${() =>
+          props.img()
+            ? html`
+                <figure>
+                  <img src="${() => props.img()}" alt="${() => props.alt() ?? "Card image"}" />
+                </figure>
+              `
+            : null}
+
+        <div class="card-body">
+          <h2 class="card-title">${host.slot("title")}</h2>
+          <div class="card-content">${host.slot("body")}</div>
+          <div class="card-actions justify-end">${host.slot("actions")}</div>
+        </div>
+      </div>
+    `;
+  },
+  ["img", "alt", "ui"],
+);
--- a/UI/components/Checkbox.js
+++ b/UI/components/Checkbox.js
@@ -0,0 +1,50 @@
+import { $, html } from "sigpro";
+
+const getVal = (props, key, def) => {
+  const v = props[key];
+  if (v === undefined || v === null) return def;
+  if (typeof v === "function") {
+    try {
+      return v();
+    } catch {
+      return def;
+    }
+  }
+  return v;
+};
+
+const toString = (val) => {
+  if (val === undefined || val === null) return "";
+  return String(val);
+};
+
+$.component(
+  "c-check",
+  (props, { emit }) => {
+    const label = toString(getVal(props, "label", ""));
+    const disabled = getVal(props, "disabled", false);
+    const isToggle = getVal(props, "toggle", false);
+
+    return html`
+      <label class="label cursor-pointer flex gap-2">
+        <input
+          type="checkbox"
+          class="${isToggle ? "toggle" : "checkbox"}"
+          ?disabled="${disabled}"
+          .checked=${() => getVal(props, "checked", false)}
+          @change="${(e) => {
+            if (disabled) return;
+            const val = e.target.checked;
+            if (typeof props.checked === "function") props.checked(val);
+            emit("change", val);
+          }}" />
+        ${label
+          ? html`
+              <span class="label-text">${label}</span>
+            `
+          : ""}
+      </label>
+    `;
+  },
+  ["label", "checked", "disabled", "toggle"],
+);
--- a/UI/components/ColorPicker.js
+++ b/UI/components/ColorPicker.js
@@ -0,0 +1,65 @@
+import { $, html } from "sigpro";
+
+const p1 = ["#000", "#1A1A1A", "#333", "#4D4D4D", "#666", "#808080", "#B3B3B3", "#FFF"];
+const p2 = ["#450a0a", "#7f1d1d", "#991b1b", "#b91c1c", "#dc2626", "#ef4444", "#f87171", "#fca5a5"];
+const p3 = ["#431407", "#7c2d12", "#9a3412", "#c2410c", "#ea580c", "#f97316", "#fb923c", "#ffedd5"];
+const p4 = ["#713f12", "#a16207", "#ca8a04", "#eab308", "#facc15", "#fde047", "#fef08a", "#fff9c4"];
+const p5 = ["#064e3b", "#065f46", "#059669", "#10b981", "#34d399", "#4ade80", "#84cc16", "#d9f99d"];
+const p6 = ["#082f49", "#075985", "#0284c7", "#0ea5e9", "#38bdf8", "#7dd3fc", "#22d3ee", "#cffafe"];
+const p7 = ["#1e1b4b", "#312e81", "#4338ca", "#4f46e5", "#6366f1", "#818cf8", "#a5b4fc", "#e0e7ff"];
+const p8 = ["#2e1065", "#4c1d95", "#6d28d9", "#7c3aed", "#8b5cf6", "#a855f7", "#d946ef", "#fae8ff"];
+
+const palette = [...p1, ...p2, ...p3, ...p4, ...p5, ...p6, ...p7, ...p8];
+
+$.component(
+  "c-colorpicker",
+  (props, { emit }) => {
+    const handleSelect = (c) => {
+      if (typeof props.color === "function") props.color(c);
+      emit("select", c);
+    };
+
+    const getColor = () => props.color() ?? "#000000";
+
+    return html`
+      <div class="card bg-base-200 border-base-300 w-fit border p-2 shadow-sm select-none">
+        <div class="grid grid-cols-8 gap-0.5">
+          ${() =>
+            palette.map(
+              (c) => html`
+                <button
+                  type="button"
+                  .style=${`background-color: ${c}`}
+                  .class=${() => {
+                    const active = getColor() === c;
+                    return `size-5 rounded-xs cursor-pointer transition-all hover:scale-125 hover:z-10 active:scale-90 outline-none border border-black/5 ${
+                      active ? "ring-2 ring-offset-1 ring-primary z-10 scale-110" : ""
+                    }`;
+                  }}
+                  @click=${() => handleSelect(c)}></button>
+              `,
+            )}
+        </div>
+
+        <div class="flex items-center gap-1 mt-2">
+          <input
+            type="text"
+            class="input input-bordered input-xs h-6 px-1 font-mono text-[10px] w-full"
+            .value=${() => props.color()}
+            @input=${(e) => handleSelect(e.target.value)} />
+
+          <div class="tooltip" data-tip="Copiar">
+            <button
+              type="button"
+              class="btn btn-xs btn-square border border-base-content/20 shadow-inner"
+              .style=${() => `background-color: ${getColor()}`}
+              @click=${() => navigator.clipboard.writeText(getColor())}>
+              <span class="icon-[lucide--copy] text-white mix-blend-difference"></span>
+            </button>
+          </div>
+        </div>
+      </div>
+    `;
+  },
+  ["color"],
+);
--- a/UI/components/DatePicker.js
+++ b/UI/components/DatePicker.js
@@ -0,0 +1,168 @@
+import { $, html } from "sigpro";
+
+$.component(
+  "c-datepicker",
+  (props, { emit }) => {
+    const viewDate = $(new Date());
+    const hoveredDate = $(null);
+    const todayISO = new Date().toLocaleDateString("en-CA");
+
+    const toISOLocal = (date) => {
+      if (!date) return null;
+      return date.toISOString().split("T")[0];
+    };
+
+    // Función unificada para navegar tiempo
+    const navigate = (type, offset) => {
+      hoveredDate(null);
+      const d = viewDate();
+      if (type === "month") {
+        viewDate(new Date(d.getFullYear(), d.getMonth() + offset, 1));
+      } else if (type === "year") {
+        viewDate(new Date(d.getFullYear() + offset, d.getMonth(), 1));
+      }
+    };
+
+    const selectDate = (dateObj) => {
+      const isoDate = toISOLocal(dateObj);
+      const isRange = props.range() === "true" || props.range() === true;
+      const currentVal = typeof props.value === "function" ? props.value() : props.value;
+
+      let result;
+      if (!isRange) {
+        result = isoDate;
+      } else {
+        const s = currentVal?.start || null;
+        const e = currentVal?.end || null;
+        if (!s || (s && e)) {
+          result = { start: isoDate, end: null };
+        } else {
+          result = isoDate < s ? { start: isoDate, end: s } : { start: s, end: isoDate };
+        }
+      }
+
+      if (typeof props.value === "function") {
+        props.value(isRange ? { ...result } : result);
+      }
+      emit("change", result);
+    };
+
+    const handleGridClick = (e) => {
+      const btn = e.target.closest("button[data-date]");
+      if (!btn) return;
+      selectDate(new Date(btn.getAttribute("data-date")));
+    };
+
+    const days = $(() => {
+      const d = viewDate();
+      const year = d.getFullYear();
+      const month = d.getMonth();
+      const firstDay = new Date(year, month, 1).getDay();
+      const offset = firstDay === 0 ? 6 : firstDay - 1;
+      const total = new Date(year, month + 1, 0).getDate();
+      let grid = Array(offset).fill(null);
+      for (let i = 1; i <= total; i++) grid.push(new Date(year, month, i));
+      return grid;
+    });
+
+    const getWeekNumber = (d) => {
+      const t = new Date(d.valueOf());
+      t.setDate(t.getDate() - ((d.getDay() + 6) % 7) + 3);
+      const firstThurs = t.valueOf();
+      t.setMonth(0, 1);
+      if (t.getDay() !== 4) t.setMonth(0, 1 + ((4 - t.getDay() + 7) % 7));
+      return 1 + Math.ceil((firstThurs - t.getTime()) / 604800000);
+    };
+
+    return html`
+      <div class="card bg-base-100 shadow-xl border border-base-300 w-80 p-4 pb-6 rounded-box select-none">
+        <div class="flex justify-between items-center mb-4 gap-1">
+          <div class="flex gap-0.5">
+            <button type="button" class="btn btn-ghost btn-xs px-1" @click=${() => navigate("year", -1)}>
+              <span class="icon-[lucide--chevrons-left] w-4 h-4 opacity-50"></span>
+            </button>
+            <button type="button" class="btn btn-ghost btn-xs px-1" @click=${() => navigate("month", -1)}>
+              <span class="icon-[lucide--chevron-left] w-4 h-4"></span>
+            </button>
+          </div>
+
+          <span class="text-xs font-bold capitalize flex-1 text-center">
+            ${() => viewDate().toLocaleString("es-ES", { month: "long" }).toUpperCase()}
+            <span class="opacity-50 ml-1">${() => viewDate().getFullYear()}</span>
+          </span>
+
+          <div class="flex gap-0.5">
+            <button type="button" class="btn btn-ghost btn-xs px-1" @click=${() => navigate("month", 1)}>
+              <span class="icon-[lucide--chevron-right] w-4 h-4"></span>
+            </button>
+            <button type="button" class="btn btn-ghost btn-xs px-1" @click=${() => navigate("year", 1)}>
+              <span class="icon-[lucide--chevrons-right] w-4 h-4 opacity-50"></span>
+            </button>
+          </div>
+        </div>
+
+        <div class="grid grid-cols-8 gap-1 px-1" @click=${handleGridClick}>
+          <div class="flex items-center justify-center text-[10px] opacity-40 font-bold uppercase"></div>
+          ${() =>
+            ["L", "M", "X", "J", "V", "S", "D"].map(
+              (l) => html`
+                <div class="flex items-center justify-center text-[10px] opacity-40 font-bold uppercase">${l}</div>
+              `,
+            )}
+          ${() =>
+            days().map((date, i) => {
+              const isFirstCol = i % 7 === 0;
+              const iso = date ? toISOLocal(date) : null;
+
+              const btnClass = () => {
+                if (!date) return "";
+                const val = typeof props.value === "function" ? props.value() : props.value;
+                const isR = props.range() === "true" || props.range() === true;
+                const sDate = isR ? val?.start : typeof val === "string" ? val : val?.start;
+                const eDate = isR ? val?.end : null;
+                const hDate = hoveredDate();
+
+                const isSel = iso === sDate || iso === eDate;
+                const tEnd = eDate || hDate;
+                const inRange = isR && sDate && tEnd && !isSel && ((iso > sDate && iso < tEnd) || (iso < sDate && iso > tEnd));
+
+                return `btn btn-xs p-0 aspect-square min-h-0 h-auto font-normal rounded-md relative 
+                      ${isSel ? "btn-primary !text-primary-content shadow-md" : "btn-ghost"} 
+                      ${inRange ? "!bg-primary/20 !text-base-content" : ""}`;
+              };
+
+              return html`
+                ${isFirstCol
+                  ? html`
+                      <div class="flex items-center justify-center text-[10px] opacity-30 italic bg-base-200/50 rounded-md aspect-square">
+                        ${date ? getWeekNumber(date) : days()[i + 6] ? getWeekNumber(days()[i + 6]) : ""}
+                      </div>
+                    `
+                  : ""}
+                ${date
+                  ? html`
+                      <button
+                        type="button"
+                        class="${btnClass}"
+                        data-date="${date.toISOString()}"
+                        @mouseenter=${() => hoveredDate(iso)}
+                        @mouseleave=${() => hoveredDate(null)}>
+                        ${iso === todayISO
+                          ? html`
+                              <span class="absolute -inset-px border-2 border-primary/60 rounded-md pointer-events-none"></span>
+                            `
+                          : ""}
+                        <span class="relative z-10 pointer-events-none">${date.getDate()}</span>
+                      </button>
+                    `
+                  : html`
+                      <div class="aspect-square"></div>
+                    `}
+              `;
+            })}
+        </div>
+      </div>
+    `;
+  },
+  ["range", "value"],
+);
--- a/UI/components/Dialog.js
+++ b/UI/components/Dialog.js
@@ -0,0 +1,37 @@
+import { $, html } from "sigpro";
+
+$.component(
+  "c-dialog",
+  (props, { slot, emit }) => {
+    return html`
+      <dialog
+        .class=${() => `modal ${props.open() ? "modal-open" : ""}`}
+        .open=${() => props.open()}
+        @close=${(e) => {
+          if (typeof props.open === "function") props.open(false);
+          emit("close", e);
+        }}>
+        <div class="modal-box">
+          <div class="flex flex-col gap-4">${slot()}</div>
+
+          <div class="modal-action">
+            <form method="dialog" @submit=${() => props.open(false)}>
+              ${slot("buttons")}
+              ${() =>
+                !slot("buttons").length
+                  ? html`
+                      <button class="btn">Cerrar</button>
+                    `
+                  : ""}
+            </form>
+          </div>
+        </div>
+
+        <form method="dialog" class="modal-backdrop" @submit=${() => props.open(false)}>
+          <button>close</button>
+        </form>
+      </dialog>
+    `;
+  },
+  ["open"],
+);
--- a/UI/components/Drawer.js
+++ b/UI/components/Drawer.js
@@ -0,0 +1,31 @@
+import { $, html } from "sigpro";
+
+$.component(
+  "c-drawer",
+  (props, { emit, slot }) => {
+    const id = `drawer-${Math.random().toString(36).substring(2, 9)}`;
+
+    return html`
+      <div class="drawer">
+        <input
+          id="${id}"
+          type="checkbox"
+          class="drawer-toggle"
+          .checked=${() => props.open()}
+          @change=${(e) => {
+            const isChecked = e.target.checked;
+            if (typeof props.open === "function") props.open(isChecked);
+            emit("change", isChecked);
+          }} />
+
+        <div class="drawer-content">${slot("content")}</div>
+
+        <div class="drawer-side z-999">
+          <label for="${id}" aria-label="close sidebar" class="drawer-overlay"></label>
+          <div class="bg-base-200 min-h-full w-80">${slot()}</div>
+        </div>
+      </div>
+    `;
+  },
+  ["open"],
+);
--- a/UI/components/Dropdown.js
+++ b/UI/components/Dropdown.js
@@ -0,0 +1,20 @@
+import { $, html } from "sigpro";
+
+$.component(
+  "c-dropdown",
+  (props, { slot }) => {
+    // Generamos un ID único para el anclaje nativo
+    const id = props.id() ?? `pop-${Math.random().toString(36).slice(2, 7)}`;
+
+    return html`
+      <div class="inline-block">
+        <button class="btn" popovertarget="${id}" style="anchor-name: --${id}">${slot("trigger")}</button>
+
+        <div popover id="${id}" style="position-anchor: --${id}" class="dropdown menu bg-base-100 rounded-box shadow-sm border border-base-300">
+          ${slot()}
+        </div>
+      </div>
+    `;
+  },
+  ["id"],
+);
--- a/UI/components/Fab.js
+++ b/UI/components/Fab.js
@@ -0,0 +1,37 @@
+import { $, html } from "sigpro";
+
+$.component(
+  "c-fab",
+  (props, { emit }) => {
+    const handleClick = (e, item) => {
+      if (item.onclick) item.onclick(e);
+      emit("select", item);
+      if (document.activeElement instanceof HTMLElement) document.activeElement.blur();
+    };
+
+    return html`
+      <div class="dropdown dropdown-top dropdown-end fixed bottom-6 right-6 z-100">
+        <div tabindex="0" role="button" .class=${() => `btn btn-lg btn-circle btn-primary shadow-2xl ${props.ui() ?? ""}`}>
+          <span class="${() => props["main-icon"]() || "icon-[lucide--plus]"} w-6 h-6"></span>
+        </div>
+
+        <ul tabindex="0" class="dropdown-content menu mb-4 p-0 flex flex-col gap-3 items-center">
+          ${() =>
+            (props.actions() || []).map(
+              (item) => html`
+                <li class="p-0">
+                  <button
+                    .class=${() => `btn btn-circle shadow-lg ${item.ui() ?? "btn-secondary"}`}
+                    @click=${(e) => handleClick(e, item)}
+                    .title=${item.label}>
+                    <span class="${item.icon} w-5 h-5"></span>
+                  </button>
+                </li>
+              `,
+            )}
+        </ul>
+      </div>
+    `;
+  },
+  ["main-icon", "actions", "ui"],
+);
--- a/UI/components/Input.js
+++ b/UI/components/Input.js
@@ -0,0 +1,26 @@
+import { $, html } from "sigpro";
+
+$.component(
+  "c-input",
+  (props, { slot, emit }) => {
+    return html`
+      <div class="${props.tooltip() ? "tooltip" : ""}" data-tip=${() => props.tooltip() ?? ""}>
+        <label class="floating-label">
+          <span>${() => props.label() ?? ""}</span>
+          <label class=${() => `input ${props.ui() ?? ""}`}>
+            <input
+              type=${() => props.type() ?? "text"}
+              class="input"
+              :value=${props.value}
+              placeholder=${() => props.place() ?? props.label() ?? ""}
+              @input=${(e) => emit("input", e.target.value)}
+              @change=${(e) => emit("change", e.target.value)} />
+            <span>${slot("icon-action")}</span>
+            <span class=${() => props.icon() ?? ""}></span>
+          </label>
+        </label>
+      </div>
+    `;
+  },
+  ["label", "value", "icon", "tooltip", "ui", "place", "type"],
+);
--- a/UI/components/Loading.js
+++ b/UI/components/Loading.js
@@ -0,0 +1,46 @@
+import { html } from "sigpro";
+
+export const loading = (show = true, msg = "Cargando...") => {
+  const body = document.body;
+
+  if (!show) {
+    if (loadingEl) {
+      loadingEl.classList.replace("opacity-100", "opacity-0");
+      body.style.removeProperty("overflow"); // Restaurar scroll
+
+      const elToRemove = loadingEl; // Captura para el closure
+      elToRemove.addEventListener(
+        "transitionend",
+        () => {
+          if (elToRemove === loadingEl) {
+            // Solo si sigue siendo el actual
+            elToRemove.remove();
+            loadingEl = null;
+          }
+        },
+        { once: true },
+      );
+    }
+    return;
+  }
+
+  if (loadingEl?.isConnected) {
+    loadingEl.querySelector(".loading-text").textContent = msg;
+    return;
+  }
+
+  body.style.overflow = "hidden"; // Bloquear scroll
+
+  loadingEl = html`
+    <div
+      class="fixed inset-0 z-9999 flex items-center justify-center bg-base-300/40 backdrop-blur-md transition-opacity duration-300 opacity-0 pointer-events-auto select-none">
+      <div class="flex flex-col items-center gap-4">
+        <span class="loading loading-spinner loading-lg text-primary"></span>
+        <span class="loading-text font-bold text-lg text-base-content">${msg}</span>
+      </div>
+    </div>
+  `.firstElementChild;
+
+  body.appendChild(loadingEl);
+  requestAnimationFrame(() => loadingEl.classList.replace("opacity-0", "opacity-100"));
+};
--- a/UI/components/Menu.js
+++ b/UI/components/Menu.js
@@ -0,0 +1,57 @@
+import { $, html } from "sigpro";
+
+$.component(
+  "c-menu",
+  (props, { emit }) => {
+    const getItems = () => props.items() || [];
+
+    const renderItems = (data) => {
+      return data.map((item) => {
+        const hasChildren = item.sub && item.sub.length > 0;
+        const content = html`
+          ${item.icon
+            ? html`
+                <span class="${item.icon} h-4 w-4"></span>
+              `
+            : ""}
+          <span>${item.label}</span>
+        `;
+
+        if (hasChildren) {
+          return html`
+            <li>
+              <details .open="${!!item.open}">
+                <summary>${content}</summary>
+                <ul>
+                  ${renderItems(item.sub)}
+                </ul>
+              </details>
+            </li>
+          `;
+        }
+
+        return html`
+          <li>
+            <a
+              href="${item.href || "#"}"
+              .class=${item.active ? "active" : ""}
+              @click="${(e) => {
+                if (!item.href || item.href === "#") e.preventDefault();
+                if (item.onClick) item.onClick(item);
+                emit("select", item);
+              }}">
+              ${content}
+            </a>
+          </li>
+        `;
+      });
+    };
+
+    return html`
+      <ul .class=${() => `menu bg-base-200 rounded-box w-full ${props.ui() ?? ""}`}>
+        ${() => renderItems(getItems())}
+      </ul>
+    `;
+  },
+  ["items", "ui"],
+);
--- a/UI/components/Radio.js
+++ b/UI/components/Radio.js
@@ -0,0 +1,28 @@
+import { $, html } from "sigpro";
+
+$.component(
+  "c-radio",
+  (props, { emit }) => {
+    return html`
+      <label class="label cursor-pointer flex justify-start gap-4">
+        <input
+          type="radio"
+          .name=${() => props.name()}
+          .value=${() => props.value()}
+          .class=${() => `radio ${props.ui() ?? ""}`}
+          .disabled=${() => props.disabled()}
+          .checked=${() => props.checked()}
+          @change=${(e) => {
+            if (e.target.checked) emit("change", props.value());
+          }} />
+        ${() =>
+          props.label()
+            ? html`
+                <span class="label-text">${() => props.label()}</span>
+              `
+            : ""}
+      </label>
+    `;
+  },
+  ["checked", "name", "label", "ui", "disabled", "value"],
+);
--- a/UI/components/Range.js
+++ b/UI/components/Range.js
@@ -0,0 +1,24 @@
+import { $, html } from "sigpro";
+
+$.component(
+  "c-range",
+  (props, { emit }) => {
+    return html`
+      <input
+        type="range"
+        .min=${() => props.min() ?? 0}
+        .max=${() => props.max() ?? 100}
+        .step=${() => props.step() ?? 1}
+        .value=${() => props.value()}
+        .class=${() => `range ${props.ui() ?? ""}`}
+        @input=${(e) => {
+          const val = e.target.value;
+          if (typeof props.value === "function") props.value(val);
+
+          emit("input", val);
+          emit("change", val);
+        }} />
+    `;
+  },
+  ["ui", "value", "min", "max", "step"],
+);
--- a/UI/components/Rating.js
+++ b/UI/components/Rating.js
@@ -0,0 +1,34 @@
+import { $, html } from "sigpro";
+
+$.component(
+  "c-rating",
+  (props, { emit }) => {
+    const count = () => parseInt(props.count() ?? 5);
+
+    const getVal = () => {
+      const v = props.value();
+      return v === false || v == null ? 0 : Number(v);
+    };
+
+    return html`
+      <div .class=${() => `rating ${props.mask() ?? ""}`}>
+        ${() =>
+          Array.from({ length: count() }).map((_, i) => {
+            const radioValue = i + 1;
+            return html`
+              <input
+                type="radio"
+                .name=${() => props.name()}
+                .class=${() => `mask ${props.mask() ?? "mask-star"}`}
+                .checked=${() => getVal() === radioValue}
+                @change=${() => {
+                  if (typeof props.value === "function") props.value(radioValue);
+                  emit("change", radioValue);
+                }} />
+            `;
+          })}
+      </div>
+    `;
+  },
+  ["value", "count", "name", "mask"],
+);
--- a/UI/components/Tab.js
+++ b/UI/components/Tab.js
@@ -0,0 +1,31 @@
+import { $, html } from "sigpro";
+
+$.component(
+  "c-tab",
+  (props, { emit, slot }) => {
+    const groupName = `tab-group-${Math.random().toString(36).substring(2, 9)}`;
+    const items = () => props.items() || [];
+
+    return html`
+      <div .class=${() => `tabs ${props.ui() ?? "tabs-lifted"}`}>
+        ${() =>
+          items().map(
+            (item) => html`
+              <input
+                type="radio"
+                name="${groupName}"
+                class="tab"
+                .checked=${() => props.value() === item.value}
+                @change=${() => {
+                  if (typeof props.value === "function") props.value(item.value);
+                  emit("change", item.value);
+                }} />
+              <label class="tab">${item.label}</label>
+            `,
+          )}
+      </div>
+      <div class="tab-content bg-base-100 border-base-300 p-6">${() => slot(props.value())}</div>
+    `;
+  },
+  ["items", "value", "ui"],
+);
--- a/UI/components/Toast.js
+++ b/UI/components/Toast.js
@@ -0,0 +1,49 @@
+import { html } from "sigpro";
+
+let container = null;
+
+export const toast = (msg, type = "alert-success", ms = 3500) => {
+  if (!container || !container.isConnected) {
+    container = document.createElement("div");
+    container.className = "fixed top-0 right-0 z-9999 p-6 flex flex-col gap-4 pointer-events-none items-end";
+    document.body.appendChild(container);
+  }
+
+  const close = (n) => {
+    if (!n || n._c) return;
+    n._c = 1;
+    Object.assign(n.style, { transform: "translateX(100%)", opacity: 0 });
+
+    setTimeout(() => {
+      Object.assign(n.style, { maxHeight: "0px", marginBottom: "-1rem", marginTop: "0px", padding: "0px" });
+    }, 100);
+
+    n.addEventListener("transitionend", (e) => {
+      if (["max-height", "opacity"].includes(e.propertyName)) {
+        n.remove();
+        if (!container.hasChildNodes()) (container.remove(), (container = null));
+      }
+    });
+  };
+
+  const el = html`
+    <div
+      class="card bg-base-100 shadow-xl border border-base-200 w-80 sm:w-96 overflow-hidden transition-all duration-500 ease-in-out transform translate-x-full opacity-0 pointer-events-auto"
+      style="max-height:200px">
+      <div class="card-body p-1">
+        <div role="alert" class="${`alert ${type} alert-soft border-none p-2`}">
+          <div class="flex items-center justify-between w-full gap-2">
+            <span class="font-medium text-sm">${msg}</span>
+            <button class="btn btn-ghost btn-xs btn-circle" @click="${(e) => close(e.target.closest(".card"))}">
+              <span class="icon-[lucide--circle-x] w-5 h-5"></span>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  `.firstElementChild;
+
+  container.appendChild(el);
+  requestAnimationFrame(() => requestAnimationFrame(() => el.classList.remove("translate-x-full", "opacity-0")));
+  setTimeout(() => close(el), ms);
+};
--- a/UI/daisyui.css
+++ b/UI/daisyui.css
--- a/UI/index.js
+++ b/UI/index.js
@@ -0,0 +1,37 @@
+/**
+ * SigProUI - Biblioteca de componentes UI basada en SigPro, Tailwind CSS y DaisyUI
+ * @version 1.0.0
+ */
+
+// Importar estilos de la librería
+import "./sigproui.css";
+
+// Importar todos los componentes para registrarlos automáticamente
+import "./components/Button.js";
+import "./components/Card.js";
+import "./components/Checkbox.js";
+import "./components/ColorPicker.js";
+import "./components/DatePicker.js";
+import "./components/Dialog.js";
+import "./components/Drawer.js";
+import "./components/Dropdown.js";
+import "./components/Fab.js";
+import "./components/Input.js";
+import "./components/Loading.js";
+import "./components/Menu.js";
+import "./components/Radio.js";
+import "./components/Range.js";
+import "./components/Rating.js";
+import "./components/Tab.js";
+import "./components/Toast.js";
+
+// Exportar versión
+export const version = "1.0.0";
+export const name = "SigProUI";
+
+// Exportar información de la librería
+export default {
+  version,
+  name,
+  description: "Biblioteca de componentes UI basada en SigPro, Tailwind CSS y DaisyUI",
+};
--- a/UI/main.js
+++ b/UI/main.js
@@ -0,0 +1,15 @@
+import App from "./App.js";
+import "./app.css";
+import "./daisyui.css";
+const root = document.getElementById("app");
+root.appendChild(App());
+
+if (import.meta.hot) {
+  import.meta.hot.accept("./App.js", (newModule) => {
+    if (newModule) {
+      root.innerHTML = "";
+      root.appendChild(newModule.default());
+      console.log("🚀 SigPro: App re-renderizada");
+    }
+  });
+}
--- a/UI/sigproui.css
+++ b/UI/sigproui.css
@@ -0,0 +1,92 @@
+/**
+ * SigProUI - Estilos de la biblioteca de componentes UI
+ * Requiere Tailwind CSS y DaisyUI
+ */
+
+/* Utilidades personalizadas de SigProUI */
+.btn-ghost {
+  border-color: transparent !important;
+}
+
+.floating-label > span {
+  font-size: 1.1rem;
+}
+
+/* Transiciones para componentes */
+.input {
+  transition: all 0.3s ease-in-out;
+  outline: none;
+  appearance: none;
+  align-items: center;
+}
+
+.input:hover {
+  background-color: var(--color-base-300);
+}
+
+/* Indicadores y badges */
+.indicator {
+  position: relative;
+}
+
+.indicator-item {
+  position: absolute;
+  top: 0;
+  right: 0;
+  transform: translate(50%, -50%);
+}
+
+/* Tooltips */
+.tooltip {
+  position: relative;
+}
+
+.tooltip::after {
+  content: attr(data-tip);
+  position: absolute;
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  padding: 0.5rem 1rem;
+  background: oklch(var(--p));
+  color: oklch(var(--pc));
+  border-radius: 0.375rem;
+  font-size: 0.75rem;
+  white-space: nowrap;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s;
+}
+
+.tooltip:hover::after {
+  opacity: 1;
+}
+
+/* Estados de carga */
+.loading {
+  display: inline-block;
+  width: 1rem;
+  height: 1rem;
+  border: 2px solid currentColor;
+  border-right-color: transparent;
+  border-radius: 50%;
+  animation: spin 0.75s linear infinite;
+}
+
+.loading.loading-xs {
+  width: 1rem;
+  height: 1rem;
+}
+
+.hidden {
+  display: none;
+}
+
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
--- a/bun.lock
+++ b/bun.lock
@@ -4,7 +4,11 @@
  "workspaces": {
    "": {
      "name": "sigpro",
+      "dependencies": {
+        "daisyui": "^5.5.19",
+      },
      "devDependencies": {
+        "@tailwindcss/vite": "^4.2.2",
        "vitepress": "^1.6.4",
      },
    },
@@ -110,8 +114,16 @@

    "@iconify/types": ["@iconify/types@2.0.0", "", {}, "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg=="],

+    "@jridgewell/gen-mapping": ["@jridgewell/gen-mapping@0.3.13", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA=="],
+
+    "@jridgewell/remapping": ["@jridgewell/remapping@2.3.5", "", { "dependencies": { "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ=="],
+
+    "@jridgewell/resolve-uri": ["@jridgewell/resolve-uri@3.1.2", "", {}, "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw=="],
+
    "@jridgewell/sourcemap-codec": ["@jridgewell/sourcemap-codec@1.5.5", "", {}, "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og=="],

+    "@jridgewell/trace-mapping": ["@jridgewell/trace-mapping@0.3.31", "", { "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", "@jridgewell/sourcemap-codec": "^1.4.14" } }, "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw=="],
+
    "@rollup/rollup-android-arm-eabi": ["@rollup/rollup-android-arm-eabi@4.59.0", "", { "os": "android", "cpu": "arm" }, "sha512-upnNBkA6ZH2VKGcBj9Fyl9IGNPULcjXRlg0LLeaioQWueH30p6IXtJEbKAgvyv+mJaMxSm1l6xwDXYjpEMiLMg=="],

    "@rollup/rollup-android-arm64": ["@rollup/rollup-android-arm64@4.59.0", "", { "os": "android", "cpu": "arm64" }, "sha512-hZ+Zxj3SySm4A/DylsDKZAeVg0mvi++0PYVceVyX7hemkw7OreKdCvW2oQ3T1FMZvCaQXqOTHb8qmBShoqk69Q=="],
@@ -178,6 +190,36 @@

    "@shikijs/vscode-textmate": ["@shikijs/vscode-textmate@10.0.2", "", {}, "sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg=="],

+    "@tailwindcss/node": ["@tailwindcss/node@4.2.2", "", { "dependencies": { "@jridgewell/remapping": "^2.3.5", "enhanced-resolve": "^5.19.0", "jiti": "^2.6.1", "lightningcss": "1.32.0", "magic-string": "^0.30.21", "source-map-js": "^1.2.1", "tailwindcss": "4.2.2" } }, "sha512-pXS+wJ2gZpVXqFaUEjojq7jzMpTGf8rU6ipJz5ovJV6PUGmlJ+jvIwGrzdHdQ80Sg+wmQxUFuoW1UAAwHNEdFA=="],
+
+    "@tailwindcss/oxide": ["@tailwindcss/oxide@4.2.2", "", { "optionalDependencies": { "@tailwindcss/oxide-android-arm64": "4.2.2", "@tailwindcss/oxide-darwin-arm64": "4.2.2", "@tailwindcss/oxide-darwin-x64": "4.2.2", "@tailwindcss/oxide-freebsd-x64": "4.2.2", "@tailwindcss/oxide-linux-arm-gnueabihf": "4.2.2", "@tailwindcss/oxide-linux-arm64-gnu": "4.2.2", "@tailwindcss/oxide-linux-arm64-musl": "4.2.2", "@tailwindcss/oxide-linux-x64-gnu": "4.2.2", "@tailwindcss/oxide-linux-x64-musl": "4.2.2", "@tailwindcss/oxide-wasm32-wasi": "4.2.2", "@tailwindcss/oxide-win32-arm64-msvc": "4.2.2", "@tailwindcss/oxide-win32-x64-msvc": "4.2.2" } }, "sha512-qEUA07+E5kehxYp9BVMpq9E8vnJuBHfJEC0vPC5e7iL/hw7HR61aDKoVoKzrG+QKp56vhNZe4qwkRmMC0zDLvg=="],
+
+    "@tailwindcss/oxide-android-arm64": ["@tailwindcss/oxide-android-arm64@4.2.2", "", { "os": "android", "cpu": "arm64" }, "sha512-dXGR1n+P3B6748jZO/SvHZq7qBOqqzQ+yFrXpoOWWALWndF9MoSKAT3Q0fYgAzYzGhxNYOoysRvYlpixRBBoDg=="],
+
+    "@tailwindcss/oxide-darwin-arm64": ["@tailwindcss/oxide-darwin-arm64@4.2.2", "", { "os": "darwin", "cpu": "arm64" }, "sha512-iq9Qjr6knfMpZHj55/37ouZeykwbDqF21gPFtfnhCCKGDcPI/21FKC9XdMO/XyBM7qKORx6UIhGgg6jLl7BZlg=="],
+
+    "@tailwindcss/oxide-darwin-x64": ["@tailwindcss/oxide-darwin-x64@4.2.2", "", { "os": "darwin", "cpu": "x64" }, "sha512-BlR+2c3nzc8f2G639LpL89YY4bdcIdUmiOOkv2GQv4/4M0vJlpXEa0JXNHhCHU7VWOKWT/CjqHdTP8aUuDJkuw=="],
+
+    "@tailwindcss/oxide-freebsd-x64": ["@tailwindcss/oxide-freebsd-x64@4.2.2", "", { "os": "freebsd", "cpu": "x64" }, "sha512-YUqUgrGMSu2CDO82hzlQ5qSb5xmx3RUrke/QgnoEx7KvmRJHQuZHZmZTLSuuHwFf0DJPybFMXMYf+WJdxHy/nQ=="],
+
+    "@tailwindcss/oxide-linux-arm-gnueabihf": ["@tailwindcss/oxide-linux-arm-gnueabihf@4.2.2", "", { "os": "linux", "cpu": "arm" }, "sha512-FPdhvsW6g06T9BWT0qTwiVZYE2WIFo2dY5aCSpjG/S/u1tby+wXoslXS0kl3/KXnULlLr1E3NPRRw0g7t2kgaQ=="],
+
+    "@tailwindcss/oxide-linux-arm64-gnu": ["@tailwindcss/oxide-linux-arm64-gnu@4.2.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-4og1V+ftEPXGttOO7eCmW7VICmzzJWgMx+QXAJRAhjrSjumCwWqMfkDrNu1LXEQzNAwz28NCUpucgQPrR4S2yw=="],
+
+    "@tailwindcss/oxide-linux-arm64-musl": ["@tailwindcss/oxide-linux-arm64-musl@4.2.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-oCfG/mS+/+XRlwNjnsNLVwnMWYH7tn/kYPsNPh+JSOMlnt93mYNCKHYzylRhI51X+TbR+ufNhhKKzm6QkqX8ag=="],
+
+    "@tailwindcss/oxide-linux-x64-gnu": ["@tailwindcss/oxide-linux-x64-gnu@4.2.2", "", { "os": "linux", "cpu": "x64" }, "sha512-rTAGAkDgqbXHNp/xW0iugLVmX62wOp2PoE39BTCGKjv3Iocf6AFbRP/wZT/kuCxC9QBh9Pu8XPkv/zCZB2mcMg=="],
+
+    "@tailwindcss/oxide-linux-x64-musl": ["@tailwindcss/oxide-linux-x64-musl@4.2.2", "", { "os": "linux", "cpu": "x64" }, "sha512-XW3t3qwbIwiSyRCggeO2zxe3KWaEbM0/kW9e8+0XpBgyKU4ATYzcVSMKteZJ1iukJ3HgHBjbg9P5YPRCVUxlnQ=="],
+
+    "@tailwindcss/oxide-wasm32-wasi": ["@tailwindcss/oxide-wasm32-wasi@4.2.2", "", { "dependencies": { "@emnapi/core": "^1.8.1", "@emnapi/runtime": "^1.8.1", "@emnapi/wasi-threads": "^1.1.0", "@napi-rs/wasm-runtime": "^1.1.1", "@tybys/wasm-util": "^0.10.1", "tslib": "^2.8.1" }, "cpu": "none" }, "sha512-eKSztKsmEsn1O5lJ4ZAfyn41NfG7vzCg496YiGtMDV86jz1q/irhms5O0VrY6ZwTUkFy/EKG3RfWgxSI3VbZ8Q=="],
+
+    "@tailwindcss/oxide-win32-arm64-msvc": ["@tailwindcss/oxide-win32-arm64-msvc@4.2.2", "", { "os": "win32", "cpu": "arm64" }, "sha512-qPmaQM4iKu5mxpsrWZMOZRgZv1tOZpUm+zdhhQP0VhJfyGGO3aUKdbh3gDZc/dPLQwW4eSqWGrrcWNBZWUWaXQ=="],
+
+    "@tailwindcss/oxide-win32-x64-msvc": ["@tailwindcss/oxide-win32-x64-msvc@4.2.2", "", { "os": "win32", "cpu": "x64" }, "sha512-1T/37VvI7WyH66b+vqHj/cLwnCxt7Qt3WFu5Q8hk65aOvlwAhs7rAp1VkulBJw/N4tMirXjVnylTR72uI0HGcA=="],
+
+    "@tailwindcss/vite": ["@tailwindcss/vite@4.2.2", "", { "dependencies": { "@tailwindcss/node": "4.2.2", "@tailwindcss/oxide": "4.2.2", "tailwindcss": "4.2.2" }, "peerDependencies": { "vite": "^5.2.0 || ^6 || ^7 || ^8" } }, "sha512-mEiF5HO1QqCLXoNEfXVA1Tzo+cYsrqV7w9Juj2wdUFyW07JRenqMG225MvPwr3ZD9N1bFQj46X7r33iHxLUW0w=="],
+
    "@types/estree": ["@types/estree@1.0.8", "", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],

    "@types/hast": ["@types/hast@3.0.4", "", { "dependencies": { "@types/unist": "*" } }, "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ=="],
@@ -246,12 +288,18 @@

    "csstype": ["csstype@3.2.3", "", {}, "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ=="],

+    "daisyui": ["daisyui@5.5.19", "", {}, "sha512-pbFAkl1VCEh/MPCeclKL61I/MqRIFFhNU7yiXoDDRapXN4/qNCoMxeCCswyxEEhqL5eiTTfwHvucFtOE71C9sA=="],
+
    "dequal": ["dequal@2.0.3", "", {}, "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA=="],

+    "detect-libc": ["detect-libc@2.1.2", "", {}, "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ=="],
+
    "devlop": ["devlop@1.1.0", "", { "dependencies": { "dequal": "^2.0.0" } }, "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA=="],

    "emoji-regex-xs": ["emoji-regex-xs@1.0.0", "", {}, "sha512-LRlerrMYoIDrT6jgpeZ2YYl/L8EulRTt5hQcYjy5AInh7HWXKimpqx68aknBFpGL2+/IcogTcaydJEgaTmOpDg=="],

+    "enhanced-resolve": ["enhanced-resolve@5.20.1", "", { "dependencies": { "graceful-fs": "^4.2.4", "tapable": "^2.3.0" } }, "sha512-Qohcme7V1inbAfvjItgw0EaxVX5q2rdVEZHRBrEQdRZTssLDGsL8Lwrznl8oQ/6kuTJONLaDcGjkNP247XEhcA=="],
+
    "entities": ["entities@7.0.1", "", {}, "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA=="],

    "esbuild": ["esbuild@0.21.5", "", { "optionalDependencies": { "@esbuild/aix-ppc64": "0.21.5", "@esbuild/android-arm": "0.21.5", "@esbuild/android-arm64": "0.21.5", "@esbuild/android-x64": "0.21.5", "@esbuild/darwin-arm64": "0.21.5", "@esbuild/darwin-x64": "0.21.5", "@esbuild/freebsd-arm64": "0.21.5", "@esbuild/freebsd-x64": "0.21.5", "@esbuild/linux-arm": "0.21.5", "@esbuild/linux-arm64": "0.21.5", "@esbuild/linux-ia32": "0.21.5", "@esbuild/linux-loong64": "0.21.5", "@esbuild/linux-mips64el": "0.21.5", "@esbuild/linux-ppc64": "0.21.5", "@esbuild/linux-riscv64": "0.21.5", "@esbuild/linux-s390x": "0.21.5", "@esbuild/linux-x64": "0.21.5", "@esbuild/netbsd-x64": "0.21.5", "@esbuild/openbsd-x64": "0.21.5", "@esbuild/sunos-x64": "0.21.5", "@esbuild/win32-arm64": "0.21.5", "@esbuild/win32-ia32": "0.21.5", "@esbuild/win32-x64": "0.21.5" }, "bin": { "esbuild": "bin/esbuild" } }, "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw=="],
@@ -262,6 +310,8 @@

    "fsevents": ["fsevents@2.3.3", "", { "os": "darwin" }, "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw=="],

+    "graceful-fs": ["graceful-fs@4.2.11", "", {}, "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="],
+
    "hast-util-to-html": ["hast-util-to-html@9.0.5", "", { "dependencies": { "@types/hast": "^3.0.0", "@types/unist": "^3.0.0", "ccount": "^2.0.0", "comma-separated-tokens": "^2.0.0", "hast-util-whitespace": "^3.0.0", "html-void-elements": "^3.0.0", "mdast-util-to-hast": "^13.0.0", "property-information": "^7.0.0", "space-separated-tokens": "^2.0.0", "stringify-entities": "^4.0.0", "zwitch": "^2.0.4" } }, "sha512-OguPdidb+fbHQSU4Q4ZiLKnzWo8Wwsf5bZfbvu7//a9oTYoqD/fWpe96NuHkoS9h0ccGOTe0C4NGXdtS0iObOw=="],

    "hast-util-whitespace": ["hast-util-whitespace@3.0.0", "", { "dependencies": { "@types/hast": "^3.0.0" } }, "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw=="],
@@ -272,6 +322,32 @@

    "is-what": ["is-what@5.5.0", "", {}, "sha512-oG7cgbmg5kLYae2N5IVd3jm2s+vldjxJzK1pcu9LfpGuQ93MQSzo0okvRna+7y5ifrD+20FE8FvjusyGaz14fw=="],

+    "jiti": ["jiti@2.6.1", "", { "bin": { "jiti": "lib/jiti-cli.mjs" } }, "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ=="],
+
+    "lightningcss": ["lightningcss@1.32.0", "", { "dependencies": { "detect-libc": "^2.0.3" }, "optionalDependencies": { "lightningcss-android-arm64": "1.32.0", "lightningcss-darwin-arm64": "1.32.0", "lightningcss-darwin-x64": "1.32.0", "lightningcss-freebsd-x64": "1.32.0", "lightningcss-linux-arm-gnueabihf": "1.32.0", "lightningcss-linux-arm64-gnu": "1.32.0", "lightningcss-linux-arm64-musl": "1.32.0", "lightningcss-linux-x64-gnu": "1.32.0", "lightningcss-linux-x64-musl": "1.32.0", "lightningcss-win32-arm64-msvc": "1.32.0", "lightningcss-win32-x64-msvc": "1.32.0" } }, "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ=="],
+
+    "lightningcss-android-arm64": ["lightningcss-android-arm64@1.32.0", "", { "os": "android", "cpu": "arm64" }, "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg=="],
+
+    "lightningcss-darwin-arm64": ["lightningcss-darwin-arm64@1.32.0", "", { "os": "darwin", "cpu": "arm64" }, "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ=="],
+
+    "lightningcss-darwin-x64": ["lightningcss-darwin-x64@1.32.0", "", { "os": "darwin", "cpu": "x64" }, "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w=="],
+
+    "lightningcss-freebsd-x64": ["lightningcss-freebsd-x64@1.32.0", "", { "os": "freebsd", "cpu": "x64" }, "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig=="],
+
+    "lightningcss-linux-arm-gnueabihf": ["lightningcss-linux-arm-gnueabihf@1.32.0", "", { "os": "linux", "cpu": "arm" }, "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw=="],
+
+    "lightningcss-linux-arm64-gnu": ["lightningcss-linux-arm64-gnu@1.32.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ=="],
+
+    "lightningcss-linux-arm64-musl": ["lightningcss-linux-arm64-musl@1.32.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg=="],
+
+    "lightningcss-linux-x64-gnu": ["lightningcss-linux-x64-gnu@1.32.0", "", { "os": "linux", "cpu": "x64" }, "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA=="],
+
+    "lightningcss-linux-x64-musl": ["lightningcss-linux-x64-musl@1.32.0", "", { "os": "linux", "cpu": "x64" }, "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg=="],
+
+    "lightningcss-win32-arm64-msvc": ["lightningcss-win32-arm64-msvc@1.32.0", "", { "os": "win32", "cpu": "arm64" }, "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw=="],
+
+    "lightningcss-win32-x64-msvc": ["lightningcss-win32-x64-msvc@1.32.0", "", { "os": "win32", "cpu": "x64" }, "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q=="],
+
    "magic-string": ["magic-string@0.30.21", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.5" } }, "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ=="],

    "mark.js": ["mark.js@8.11.1", "", {}, "sha512-1I+1qpDt4idfgLQG+BNWmrqku+7/2bi5nLf4YwF8y8zXvmfiTBY3PV3ZibfrjBueCByROpuBjLLFCajqkgYoLQ=="],
@@ -332,6 +408,10 @@

    "tabbable": ["tabbable@6.4.0", "", {}, "sha512-05PUHKSNE8ou2dwIxTngl4EzcnsCDZGJ/iCLtDflR/SHB/ny14rXc+qU5P4mG9JkusiV7EivzY9Mhm55AzAvCg=="],

+    "tailwindcss": ["tailwindcss@4.2.2", "", {}, "sha512-KWBIxs1Xb6NoLdMVqhbhgwZf2PGBpPEiwOqgI4pFIYbNTfBXiKYyWoTsXgBQ9WFg/OlhnvHaY+AEpW7wSmFo2Q=="],
+
+    "tapable": ["tapable@2.3.0", "", {}, "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg=="],
+
    "trim-lines": ["trim-lines@3.0.1", "", {}, "sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg=="],

    "unist-util-is": ["unist-util-is@6.0.1", "", { "dependencies": { "@types/unist": "^3.0.0" } }, "sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g=="],
@@ -355,5 +435,17 @@
    "vue": ["vue@3.5.30", "", { "dependencies": { "@vue/compiler-dom": "3.5.30", "@vue/compiler-sfc": "3.5.30", "@vue/runtime-dom": "3.5.30", "@vue/server-renderer": "3.5.30", "@vue/shared": "3.5.30" }, "peerDependencies": { "typescript": "*" }, "optionalPeers": ["typescript"] }, "sha512-hTHLc6VNZyzzEH/l7PFGjpcTvUgiaPK5mdLkbjrTeWSRcEfxFrv56g/XckIYlE9ckuobsdwqd5mk2g1sBkMewg=="],

    "zwitch": ["zwitch@2.0.4", "", {}, "sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A=="],
+
+    "@tailwindcss/oxide-wasm32-wasi/@emnapi/core": ["@emnapi/core@1.9.0", "", { "dependencies": { "@emnapi/wasi-threads": "1.2.0", "tslib": "^2.4.0" }, "bundled": true }, "sha512-0DQ98G9ZQZOxfUcQn1waV2yS8aWdZ6kJMbYCJB3oUBecjWYO1fqJ+a1DRfPF3O5JEkwqwP1A9QEN/9mYm2Yd0w=="],
+
+    "@tailwindcss/oxide-wasm32-wasi/@emnapi/runtime": ["@emnapi/runtime@1.9.0", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-QN75eB0IH2ywSpRpNddCRfQIhmJYBCJ1x5Lb3IscKAL8bMnVAKnRg8dCoXbHzVLLH7P38N2Z3mtulB7W0J0FKw=="],
+
+    "@tailwindcss/oxide-wasm32-wasi/@emnapi/wasi-threads": ["@emnapi/wasi-threads@1.2.0", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-N10dEJNSsUx41Z6pZsXU8FjPjpBEplgH24sfkmITrBED1/U2Esum9F3lfLrMjKHHjmi557zQn7kR9R+XWXu5Rg=="],
+
+    "@tailwindcss/oxide-wasm32-wasi/@napi-rs/wasm-runtime": ["@napi-rs/wasm-runtime@1.1.1", "", { "dependencies": { "@emnapi/core": "^1.7.1", "@emnapi/runtime": "^1.7.1", "@tybys/wasm-util": "^0.10.1" }, "bundled": true }, "sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A=="],
+
+    "@tailwindcss/oxide-wasm32-wasi/@tybys/wasm-util": ["@tybys/wasm-util@0.10.1", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg=="],
+
+    "@tailwindcss/oxide-wasm32-wasi/tslib": ["tslib@2.8.1", "", { "bundled": true }, "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="],
  }
 }
--- a/docs/404.html
+++ b/docs/404.html
@@ -16,7 +16,7 @@
  </head>
  <body>
    <div id="app"></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api_components.md\":\"BlFwj17l\",\"api_effects.md\":\"Br_yStBS\",\"api_fetch.md\":\"DQLBJSoq\",\"api_pages.md\":\"BP19nHXw\",\"api_quick.md\":\"BDS3ttnt\",\"api_routing.md\":\"7SNAZXtp\",\"api_signals.md\":\"CrW68-BA\",\"api_storage.md\":\"COEWBXHk\",\"guide_getting-started.md\":\"BeQpK3vd\",\"guide_why.md\":\"DXchYMN-\",\"index.md\":\"dTY448ug\",\"vite_plugin.md\":\"gDWEi8f0\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SigPro\",\"description\":\"Minimalist Reactive Library\",\"base\":\"/sigpro/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"}],\"sidebar\":[{\"text\":\"Introduction\",\"items\":[{\"text\":\"What is SigPro?\",\"link\":\"/\"},{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"}]},{\"text\":\"API Reference\",\"items\":[{\"text\":\"Quick Start\",\"link\":\"/api/quick\"},{\"text\":\"Signals\",\"link\":\"/api/signals\"},{\"text\":\"Effects\",\"link\":\"/api/effects\"},{\"text\":\"Storage\",\"link\":\"/api/storage\"},{\"text\":\"Fetch\",\"link\":\"/api/fetch\"},{\"text\":\"Pages\",\"link\":\"/api/pages\"},{\"text\":\"Components\",\"link\":\"/api/components\"},{\"text\":\"Routing\",\"link\":\"/api/routing\"}]},{\"text\":\"Vite Router Plugin\",\"items\":[{\"text\":\"Vite Plugin\",\"link\":\"/vite/plugin\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/natxocc/sigpro\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"api_components.md\":\"BlFwj17l\",\"api_effects.md\":\"Br_yStBS\",\"api_fetch.md\":\"DQLBJSoq\",\"api_pages.md\":\"BP19nHXw\",\"api_quick.md\":\"BDS3ttnt\",\"api_routing.md\":\"7SNAZXtp\",\"api_signals.md\":\"CrW68-BA\",\"api_storage.md\":\"COEWBXHk\",\"guide_getting-started.md\":\"BeQpK3vd\",\"guide_why.md\":\"DXchYMN-\",\"index.md\":\"uvMJmU4o\",\"ui_intro.md\":\"gZ21GFqo\",\"vite_plugin.md\":\"gDWEi8f0\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"SigPro\",\"description\":\"Minimalist Reactive Library\",\"base\":\"/sigpro/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Api\",\"link\":\"/api/quick\"},{\"text\":\"UI\",\"link\":\"/ui/intro\"}],\"sidebar\":[{\"text\":\"Introduction\",\"items\":[{\"text\":\"What is SigPro?\",\"link\":\"/\"},{\"text\":\"Why\",\"link\":\"/guide/why\"},{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"}]},{\"text\":\"API Reference\",\"items\":[{\"text\":\"Quick Start\",\"link\":\"/api/quick\"},{\"text\":\"Signals\",\"link\":\"/api/signals\"},{\"text\":\"Effects\",\"link\":\"/api/effects\"},{\"text\":\"Storage\",\"link\":\"/api/storage\"},{\"text\":\"Fetch\",\"link\":\"/api/fetch\"},{\"text\":\"Pages\",\"link\":\"/api/pages\"},{\"text\":\"Components\",\"link\":\"/api/components\"},{\"text\":\"Routing\",\"link\":\"/api/routing\"}]},{\"text\":\"SigPro UI\",\"items\":[{\"text\":\"Intro\",\"link\":\"/ui/intro\"}]},{\"text\":\"Vite Router Plugin\",\"items\":[{\"text\":\"Vite Plugin\",\"link\":\"/vite/plugin\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/natxocc/sigpro\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
    
  </body>
 </html>
--- a/docs/api/components.html
+++ b/docs/api/components.html
--- a/docs/api/effects.html
+++ b/docs/api/effects.html
--- a/docs/api/fetch.html
+++ b/docs/api/fetch.html
--- a/docs/api/pages.html
+++ b/docs/api/pages.html
--- a/docs/api/quick.html
+++ b/docs/api/quick.html
--- a/docs/api/routing.html
+++ b/docs/api/routing.html
--- a/docs/api/signals.html
+++ b/docs/api/signals.html
--- a/docs/api/storage.html
+++ b/docs/api/storage.html
--- a/docs/assets/index.md.dTY448ug.js
+++ b/docs/assets/index.md.dTY448ug.js
@@ -1 +0,0 @@
-import{_ as e,o as i,c as a,ae as n}from"./chunks/framework.C8AWLET_.js";const g=JSON.parse(`{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"SigPro","text":"Reactivity for the Web Platform","tagline":"A minimalist reactive library for building web interfaces with signals, effects, and native web components. No compilation, no virtual DOM, just pure JavaScript and intelligent reactivity.","image":{"src":"/logo.svg","alt":"SigPro"},"actions":[{"theme":"brand","text":"Get Started","link":"/guide/getting-started"},{"theme":"alt","text":"Why SigPro?","link":"/guide/why"}]},"features":[{"title":"⚡ 3KB gzipped","details":"Minimal footprint with maximum impact. No heavy dependencies, just pure reactivity."},{"title":"🎯 Native Web Components","details":"Built on Custom Elements and Shadow DOM. Leverage the platform, don't fight it."},{"title":"🔄 Signal-based Reactivity","details":"Fine-grained updates without virtual DOM diffing. Just intelligent, automatic reactivity."}]},"headers":[],"relativePath":"index.md","filePath":"index.md"}`),s={name:"index.md"};function o(r,t,l,d,p,m){return i(),a("div",null,[...t[0]||(t[0]=[n('<div class="custom-container"><p class="npm-stats"><img src="https://badge.fury.io/js/sigpro.svg" alt="npm version"><img src="https://img.shields.io/bundlephobia/minzip/sigpro" alt="bundle size"><img src="https://img.shields.io/npm/l/sigpro" alt="license"></p></div><div class="verdict-quote"><p><strong>&quot;Stop fighting the platform. Start building with it.&quot;</strong></p></div>',2)])])}const u=e(s,[["render",o]]);export{g as __pageData,u as default};
--- a/docs/assets/index.md.dTY448ug.lean.js
+++ b/docs/assets/index.md.dTY448ug.lean.js
@@ -1 +0,0 @@
-import{_ as e,o as i,c as a,ae as n}from"./chunks/framework.C8AWLET_.js";const g=JSON.parse(`{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"SigPro","text":"Reactivity for the Web Platform","tagline":"A minimalist reactive library for building web interfaces with signals, effects, and native web components. No compilation, no virtual DOM, just pure JavaScript and intelligent reactivity.","image":{"src":"/logo.svg","alt":"SigPro"},"actions":[{"theme":"brand","text":"Get Started","link":"/guide/getting-started"},{"theme":"alt","text":"Why SigPro?","link":"/guide/why"}]},"features":[{"title":"⚡ 3KB gzipped","details":"Minimal footprint with maximum impact. No heavy dependencies, just pure reactivity."},{"title":"🎯 Native Web Components","details":"Built on Custom Elements and Shadow DOM. Leverage the platform, don't fight it."},{"title":"🔄 Signal-based Reactivity","details":"Fine-grained updates without virtual DOM diffing. Just intelligent, automatic reactivity."}]},"headers":[],"relativePath":"index.md","filePath":"index.md"}`),s={name:"index.md"};function o(r,t,l,d,p,m){return i(),a("div",null,[...t[0]||(t[0]=[n("",2)])])}const u=e(s,[["render",o]]);export{g as __pageData,u as default};
--- a/docs/assets/index.md.uvMJmU4o.js
+++ b/docs/assets/index.md.uvMJmU4o.js
@@ -0,0 +1 @@
+import{_ as e,o as i,c as a,ae as n}from"./chunks/framework.C8AWLET_.js";const g=JSON.parse(`{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"SigPro","text":"Reactivity for the Web Platform","tagline":"A minimalist reactive library for building web interfaces with signals, effects, and native web components. No compilation, no virtual DOM, just pure JavaScript and intelligent reactivity.","image":{"src":"/logo.svg","alt":"SigPro"},"actions":[{"theme":"brand","text":"Get Started","link":"/guide/getting-started"}]},"features":[{"title":"⚡ 3KB gzipped","details":"Minimal footprint with maximum impact. No heavy dependencies, just pure reactivity."},{"title":"🎯 Native Web Components","details":"Built on Custom Elements and Shadow DOM. Leverage the platform, don't fight it."},{"title":"🔄 Signal-based Reactivity","details":"Fine-grained updates without virtual DOM diffing. Just intelligent, automatic reactivity."}]},"headers":[],"relativePath":"index.md","filePath":"index.md"}`),s={name:"index.md"};function o(r,t,l,d,p,c){return i(),a("div",null,[...t[0]||(t[0]=[n('<div class="custom-container"><p class="npm-stats"><img src="https://badge.fury.io/js/sigpro.svg" alt="npm version"><img src="https://img.shields.io/bundlephobia/minzip/sigpro" alt="bundle size"><img src="https://img.shields.io/npm/l/sigpro" alt="license"></p></div><div class="verdict-quote"><p><strong>&quot;Stop fighting the platform. Start building with it.&quot;</strong></p></div>',2)])])}const u=e(s,[["render",o]]);export{g as __pageData,u as default};
--- a/docs/assets/index.md.uvMJmU4o.lean.js
+++ b/docs/assets/index.md.uvMJmU4o.lean.js
@@ -0,0 +1 @@
+import{_ as e,o as i,c as a,ae as n}from"./chunks/framework.C8AWLET_.js";const g=JSON.parse(`{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"SigPro","text":"Reactivity for the Web Platform","tagline":"A minimalist reactive library for building web interfaces with signals, effects, and native web components. No compilation, no virtual DOM, just pure JavaScript and intelligent reactivity.","image":{"src":"/logo.svg","alt":"SigPro"},"actions":[{"theme":"brand","text":"Get Started","link":"/guide/getting-started"}]},"features":[{"title":"⚡ 3KB gzipped","details":"Minimal footprint with maximum impact. No heavy dependencies, just pure reactivity."},{"title":"🎯 Native Web Components","details":"Built on Custom Elements and Shadow DOM. Leverage the platform, don't fight it."},{"title":"🔄 Signal-based Reactivity","details":"Fine-grained updates without virtual DOM diffing. Just intelligent, automatic reactivity."}]},"headers":[],"relativePath":"index.md","filePath":"index.md"}`),s={name:"index.md"};function o(r,t,l,d,p,c){return i(),a("div",null,[...t[0]||(t[0]=[n("",2)])])}const u=e(s,[["render",o]]);export{g as __pageData,u as default};
--- a/docs/assets/ui_intro.md.gZ21GFqo.js
+++ b/docs/assets/ui_intro.md.gZ21GFqo.js
@@ -0,0 +1 @@
+import{_ as t,o as i,c as o,ae as r}from"./chunks/framework.C8AWLET_.js";const p=JSON.parse('{"title":"SigPro UI","description":"","frontmatter":{},"headers":[],"relativePath":"ui/intro.md","filePath":"ui/intro.md"}'),a={name:"ui/intro.md"};function n(s,e,l,g,d,h){return i(),o("div",null,[...e[0]||(e[0]=[r('<h1 id="sigpro-ui" tabindex="-1">SigPro UI <a class="header-anchor" href="#sigpro-ui" aria-label="Permalink to &quot;SigPro UI&quot;"></a></h1><p><strong>SigPro UI</strong> is a collection of high-performance <strong>Web Components</strong> built on top of the <strong>SigPro</strong> reactive library and styled with <strong>DaisyUI</strong>.</p><h2 id="why-sigpro-ui" tabindex="-1">Why SigPro UI? <a class="header-anchor" href="#why-sigpro-ui" aria-label="Permalink to &quot;Why SigPro UI?&quot;"></a></h2><p>Designed to streamline modern web development, SigPro UI combines the lightweight reactivity of SigPro with the beautiful, accessible design system of DaisyUI.</p><ul><li><strong>Native Web Components:</strong> Use them in any framework or plain HTML.</li><li><strong>Reactive by Design:</strong> Powered by SigPro signals ($) for seamless state management.</li><li><strong>Utility-First Styling:</strong> Leveraging Tailwind CSS and DaisyUI for a polished look without the bloat.</li><li><strong>Developer Experience:</strong> Focus on building features, not reinventing UI patterns.</li></ul><h2 id="getting-started" tabindex="-1">Getting Started <a class="header-anchor" href="#getting-started" aria-label="Permalink to &quot;Getting Started&quot;"></a></h2><p>SigPro UI allows you to build modular, reactive interfaces with minimal overhead, making web development faster, cleaner, and more efficient.</p>',7)])])}const m=t(a,[["render",n]]);export{p as __pageData,m as default};
--- a/docs/assets/ui_intro.md.gZ21GFqo.lean.js
+++ b/docs/assets/ui_intro.md.gZ21GFqo.lean.js
@@ -0,0 +1 @@
+import{_ as t,o as i,c as o,ae as r}from"./chunks/framework.C8AWLET_.js";const p=JSON.parse('{"title":"SigPro UI","description":"","frontmatter":{},"headers":[],"relativePath":"ui/intro.md","filePath":"ui/intro.md"}'),a={name:"ui/intro.md"};function n(s,e,l,g,d,h){return i(),o("div",null,[...e[0]||(e[0]=[r("",7)])])}const m=t(a,[["render",n]]);export{p as __pageData,m as default};
--- a/docs/guide/getting-started.html
+++ b/docs/guide/getting-started.html
--- a/docs/guide/why.html
+++ b/docs/guide/why.html
--- a/docs/hashmap.json
+++ b/docs/hashmap.json
@@ -1 +1 @@
-{"api_components.md":"BlFwj17l","api_effects.md":"Br_yStBS","api_fetch.md":"DQLBJSoq","api_pages.md":"BP19nHXw","api_quick.md":"BDS3ttnt","api_routing.md":"7SNAZXtp","api_signals.md":"CrW68-BA","api_storage.md":"COEWBXHk","guide_getting-started.md":"BeQpK3vd","guide_why.md":"DXchYMN-","index.md":"dTY448ug","vite_plugin.md":"gDWEi8f0"}
+{"api_components.md":"BlFwj17l","api_effects.md":"Br_yStBS","api_fetch.md":"DQLBJSoq","api_pages.md":"BP19nHXw","api_quick.md":"BDS3ttnt","api_routing.md":"7SNAZXtp","api_signals.md":"CrW68-BA","api_storage.md":"COEWBXHk","guide_getting-started.md":"BeQpK3vd","guide_why.md":"DXchYMN-","index.md":"uvMJmU4o","ui_intro.md":"gZ21GFqo","vite_plugin.md":"gDWEi8f0"}
--- a/docs/index.html
+++ b/docs/index.html
--- a/docs/logo.svg
+++ b/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/docs/src/.vitepress/cache/deps/@theme_index.js
+++ b/docs/src/.vitepress/cache/deps/@theme_index.js
@@ -0,0 +1,275 @@
+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/docs/src/.vitepress/cache/deps/@theme_index.js.map
+++ b/docs/src/.vitepress/cache/deps/@theme_index.js.map
--- a/docs/src/.vitepress/cache/deps/_metadata.json
+++ b/docs/src/.vitepress/cache/deps/_metadata.json
@@ -0,0 +1,40 @@
+{
+  "hash": "d9f33c5d",
+  "configHash": "ed6d9386",
+  "lockfileHash": "e3b0c442",
+  "browserHash": "07432c9f",
+  "optimized": {
+    "vue": {
+      "src": "../../../../../node_modules/vue/dist/vue.runtime.esm-bundler.js",
+      "file": "vue.js",
+      "fileHash": "1994a58f",
+      "needsInterop": false
+    },
+    "vitepress > @vue/devtools-api": {
+      "src": "../../../../../node_modules/@vue/devtools-api/dist/index.js",
+      "file": "vitepress___@vue_devtools-api.js",
+      "fileHash": "b25fcac2",
+      "needsInterop": false
+    },
+    "vitepress > @vueuse/core": {
+      "src": "../../../../../node_modules/@vueuse/core/index.mjs",
+      "file": "vitepress___@vueuse_core.js",
+      "fileHash": "59cc8e6b",
+      "needsInterop": false
+    },
+    "@theme/index": {
+      "src": "../../../../../node_modules/vitepress/dist/client/theme-default/index.js",
+      "file": "@theme_index.js",
+      "fileHash": "ae58cdf7",
+      "needsInterop": false
+    }
+  },
+  "chunks": {
+    "chunk-RLEUDPPB": {
+      "file": "chunk-RLEUDPPB.js"
+    },
+    "chunk-3S55Y3P7": {
+      "file": "chunk-3S55Y3P7.js"
+    }
+  }
+}
--- a/docs/src/.vitepress/cache/deps/chunk-3S55Y3P7.js
+++ b/docs/src/.vitepress/cache/deps/chunk-3S55Y3P7.js
--- a/docs/src/.vitepress/cache/deps/chunk-3S55Y3P7.js.map
+++ b/docs/src/.vitepress/cache/deps/chunk-3S55Y3P7.js.map
--- a/docs/src/.vitepress/cache/deps/chunk-RLEUDPPB.js
+++ b/docs/src/.vitepress/cache/deps/chunk-RLEUDPPB.js
--- a/docs/src/.vitepress/cache/deps/chunk-RLEUDPPB.js.map
+++ b/docs/src/.vitepress/cache/deps/chunk-RLEUDPPB.js.map
--- a/docs/src/.vitepress/cache/deps/package.json
+++ b/docs/src/.vitepress/cache/deps/package.json
@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}
--- a/docs/src/.vitepress/cache/deps/vitepress___@vue_devtools-api.js
+++ b/docs/src/.vitepress/cache/deps/vitepress___@vue_devtools-api.js
--- a/docs/src/.vitepress/cache/deps/vitepress___@vue_devtools-api.js.map
+++ b/docs/src/.vitepress/cache/deps/vitepress___@vue_devtools-api.js.map
--- a/docs/src/.vitepress/cache/deps/vitepress___@vueuse_core.js
+++ b/docs/src/.vitepress/cache/deps/vitepress___@vueuse_core.js
@@ -0,0 +1,583 @@
+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/docs/src/.vitepress/cache/deps/vitepress___@vueuse_core.js.map
+++ b/docs/src/.vitepress/cache/deps/vitepress___@vueuse_core.js.map
@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}
--- a/docs/src/.vitepress/cache/deps/vue.js
+++ b/docs/src/.vitepress/cache/deps/vue.js
@@ -0,0 +1,347 @@
+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/docs/src/.vitepress/cache/deps/vue.js.map
+++ b/docs/src/.vitepress/cache/deps/vue.js.map
@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}
--- a/docs/src/.vitepress/config.js
+++ b/docs/src/.vitepress/config.js
@@ -30,13 +30,16 @@ export default defineConfig({
  themeConfig: {
    nav: [
      { text: 'Home', link: '/' },
-      { text: 'Guide', link: '/guide/getting-started' }
+      { text: 'Guide', link: '/guide/getting-started' },
+      { text: 'Api', link: '/api/quick' },
+      { text: 'UI', link: '/ui/intro' },
    ],
    sidebar: [
      {
        text: 'Introduction',
        items: [
          { text: 'What is SigPro?', link: '/' },
+          { text: 'Why', link: '/guide/why' },
          { text: 'Guide', link: '/guide/getting-started' },
        ]
      },
@@ -53,6 +56,12 @@ export default defineConfig({
          { text: 'Routing', link: '/api/routing' },
        ]
      },
+      {
+        text: 'SigPro UI',
+        items: [
+          { text: 'Intro', link: '/ui/intro' },
+        ]
+      },
      {
        text: 'Vite Router Plugin',
        items: [
--- a/docs/src/index.md
+++ b/docs/src/index.md
@@ -13,9 +13,6 @@ hero:
    - theme: brand
      text: Get Started
      link: /guide/getting-started
-    - theme: alt
-      text: Why SigPro?
-      link: /guide/why

 features:
  - title: ⚡ 3KB gzipped
--- a/docs/src/ui/intro.md
+++ b/docs/src/ui/intro.md
@@ -0,0 +1,16 @@
+# SigPro UI
+
+**SigPro UI** is a collection of high-performance **Web Components** built on top of the **SigPro** reactive library and styled with **DaisyUI**.
+
+## Why SigPro UI?
+
+Designed to streamline modern web development, SigPro UI combines the lightweight reactivity of SigPro with the beautiful, accessible design system of DaisyUI. 
+
+* **Native Web Components:** Use them in any framework or plain HTML.
+* **Reactive by Design:** Powered by SigPro signals ($) for seamless state management.
+* **Utility-First Styling:** Leveraging Tailwind CSS and DaisyUI for a polished look without the bloat.
+* **Developer Experience:** Focus on building features, not reinventing UI patterns.
+
+## Getting Started
+
+SigPro UI allows you to build modular, reactive interfaces with minimal overhead, making web development faster, cleaner, and more efficient.
--- a/docs/ui/intro.html
+++ b/docs/ui/intro.html
--- a/docs/vite/plugin.html
+++ b/docs/vite/plugin.html
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
    "docs:preview": "vitepress preview docs/src"
  },
  "devDependencies": {
+    "@tailwindcss/vite": "^4.2.2",
    "vitepress": "^1.6.4"
  },
  "keywords": [
@@ -27,5 +28,8 @@
    "reactive-programming",
    "signals-library",
    "fine-grained-reactivity"
-  ]
+  ],
+  "dependencies": {
+    "daisyui": "^5.5.19"
+  }
 }
--- a/sigpro/sigpro-router-plugin.js
+++ b/sigpro/sigpro-router-plugin.js
--- a/sigpro/sigpro.js
+++ b/sigpro/sigpro.js
				`@@ -1 +0,0 @@`
				import{_ as e,o as i,c as a,ae as n}from"./chunks/framework.C8AWLET_.js";const g=JSON.parse(`{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"SigPro","text":"Reactivity for the Web Platform","tagline":"A minimalist reactive library for building web interfaces with signals, effects, and native web components. No compilation, no virtual DOM, just pure JavaScript and intelligent reactivity.","image":{"src":"/logo.svg","alt":"SigPro"},"actions":[{"theme":"brand","text":"Get Started","link":"/guide/getting-started"},{"theme":"alt","text":"Why SigPro?","link":"/guide/why"}]},"features":[{"title":"⚡ 3KB gzipped","details":"Minimal footprint with maximum impact. No heavy dependencies, just pure reactivity."},{"title":"🎯 Native Web Components","details":"Built on Custom Elements and Shadow DOM. Leverage the platform, don't fight it."},{"title":"🔄 Signal-based Reactivity","details":"Fine-grained updates without virtual DOM diffing. Just intelligent, automatic reactivity."}]},"headers":[],"relativePath":"index.md","filePath":"index.md"}`),s={name:"index.md"};function o(r,t,l,d,p,m){return i(),a("div",null,[...t[0]\|\|(t[0]=[n('<div class="custom-container"><p class="npm-stats"><img src="https://badge.fury.io/js/sigpro.svg" alt="npm version"><img src="https://img.shields.io/bundlephobia/minzip/sigpro" alt="bundle size"><img src="https://img.shields.io/npm/l/sigpro" alt="license"></p></div><div class="verdict-quote"><p><strong>"Stop fighting the platform. Start building with it."</strong></p></div>',2)])])}const u=e(s,[["render",o]]);export{g as __pageData,u as default};
				`@@ -0,0 +1 @@`
				import{_ as e,o as i,c as a,ae as n}from"./chunks/framework.C8AWLET_.js";const g=JSON.parse(`{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"SigPro","text":"Reactivity for the Web Platform","tagline":"A minimalist reactive library for building web interfaces with signals, effects, and native web components. No compilation, no virtual DOM, just pure JavaScript and intelligent reactivity.","image":{"src":"/logo.svg","alt":"SigPro"},"actions":[{"theme":"brand","text":"Get Started","link":"/guide/getting-started"}]},"features":[{"title":"⚡ 3KB gzipped","details":"Minimal footprint with maximum impact. No heavy dependencies, just pure reactivity."},{"title":"🎯 Native Web Components","details":"Built on Custom Elements and Shadow DOM. Leverage the platform, don't fight it."},{"title":"🔄 Signal-based Reactivity","details":"Fine-grained updates without virtual DOM diffing. Just intelligent, automatic reactivity."}]},"headers":[],"relativePath":"index.md","filePath":"index.md"}`),s={name:"index.md"};function o(r,t,l,d,p,c){return i(),a("div",null,[...t[0]\|\|(t[0]=[n('<div class="custom-container"><p class="npm-stats"><img src="https://badge.fury.io/js/sigpro.svg" alt="npm version"><img src="https://img.shields.io/bundlephobia/minzip/sigpro" alt="bundle size"><img src="https://img.shields.io/npm/l/sigpro" alt="license"></p></div><div class="verdict-quote"><p><strong>"Stop fighting the platform. Start building with it."</strong></p></div>',2)])])}const u=e(s,[["render",o]]);export{g as __pageData,u as default};
				`@@ -0,0 +1 @@`
				import{_ as t,o as i,c as o,ae as r}from"./chunks/framework.C8AWLET_.js";const p=JSON.parse('{"title":"SigPro UI","description":"","frontmatter":{},"headers":[],"relativePath":"ui/intro.md","filePath":"ui/intro.md"}'),a={name:"ui/intro.md"};function n(s,e,l,g,d,h){return i(),o("div",null,[...e[0]\|\|(e[0]=[r('<h1 id="sigpro-ui" tabindex="-1">SigPro UI <a class="header-anchor" href="#sigpro-ui" aria-label="Permalink to "SigPro UI""></a></h1><p><strong>SigPro UI</strong> is a collection of high-performance <strong>Web Components</strong> built on top of the <strong>SigPro</strong> reactive library and styled with <strong>DaisyUI</strong>.</p><h2 id="why-sigpro-ui" tabindex="-1">Why SigPro UI? <a class="header-anchor" href="#why-sigpro-ui" aria-label="Permalink to "Why SigPro UI?""></a></h2><p>Designed to streamline modern web development, SigPro UI combines the lightweight reactivity of SigPro with the beautiful, accessible design system of DaisyUI.</p><ul><li><strong>Native Web Components:</strong> Use them in any framework or plain HTML.</li><li><strong>Reactive by Design:</strong> Powered by SigPro signals ($) for seamless state management.</li><li><strong>Utility-First Styling:</strong> Leveraging Tailwind CSS and DaisyUI for a polished look without the bloat.</li><li><strong>Developer Experience:</strong> Focus on building features, not reinventing UI patterns.</li></ul><h2 id="getting-started" tabindex="-1">Getting Started <a class="header-anchor" href="#getting-started" aria-label="Permalink to "Getting Started""></a></h2><p>SigPro UI allows you to build modular, reactive interfaces with minimal overhead, making web development faster, cleaner, and more efficient.</p>',7)])])}const m=t(a,[["render",n]]);export{p as __pageData,m as default};
				`@@ -0,0 +1 @@`
				`import{_ as t,o as i,c as o,ae as r}from"./chunks/framework.C8AWLET_.js";const p=JSON.parse('{"title":"SigPro UI","description":"","frontmatter":{},"headers":[],"relativePath":"ui/intro.md","filePath":"ui/intro.md"}'),a={name:"ui/intro.md"};function n(s,e,l,g,d,h){return i(),o("div",null,[...e[0]\|\|(e[0]=[r("",7)])])}const m=t(a,[["render",n]]);export{p as __pageData,m as default};`