var __defProp = Object.defineProperty;
var __returnValue = (v) => v;
function __exportSetter(name, newValue) {
  this[name] = __returnValue.bind(null, newValue);
}
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, {
      get: all[name],
      enumerable: true,
      configurable: true,
      set: __exportSetter.bind(all, name)
    });
};

// components/Accordion.js
var exports_Accordion = {};
__export(exports_Accordion, {
  Collapse: () => Collapse
});

// node_modules/sigpro/dist/sigpro.esm.min.js
var m = (e) => typeof e === "function";
var j = (e) => e && typeof e === "object";
var N = Array.isArray;
var E = typeof document < "u" ? document : null;
var $ = (e) => e?._isRuntime ? e.container : e instanceof Node ? e : E.createTextNode(e == null ? "" : String(e));
var p = null;
var _ = null;
var C = false;
var A = 0;
var T = new Set;
var U = new WeakMap;
var L = Symbol("iter");
var M = new WeakMap;
var v = (e) => {
  if (!e || e._disposed)
    return;
  e._disposed = true;
  let s = [e];
  while (s.length) {
    let t = s.pop();
    if (t._cleanups)
      t._cleanups.forEach((r) => r()), t._cleanups.clear();
    if (t._children)
      t._children.forEach((r) => s.push(r)), t._children.clear();
    if (t._deps)
      t._deps.forEach((r) => r.delete(t)), t._deps.clear();
  }
};
var k = (e) => {
  if (_)
    (_._mounts ||= []).push(e);
};
var g = (e) => {
  if (_)
    (_._cleanups ||= new Set).add(e);
};
var q = (e) => {
  let s = p;
  p = null;
  try {
    return e();
  } finally {
    p = s;
  }
};
var O = (e, s = false) => {
  let t = () => {
    if (t._disposed)
      return;
    if (t._deps)
      t._deps.forEach((c) => c.delete(t));
    if (t._cleanups)
      t._cleanups.forEach((c) => c()), t._cleanups.clear();
    let r = p, n = _;
    p = _ = t;
    try {
      return t._result = e();
    } catch (c) {
      console.error("[SigPro]", c);
    } finally {
      p = r, _ = n;
    }
  };
  if (t._deps = t._cleanups = t._children = null, t._disposed = false, t._isComputed = s, t._depth = p ? p._depth + 1 : 0, t._mounts = [], t._parent = _, _)
    (_._children ||= new Set).add(t);
  return t;
};
var W = () => {
  if (C)
    return;
  C = true;
  let e = Array.from(T).sort((s, t) => s._depth - t._depth);
  T.clear();
  for (let s of e)
    if (!s._disposed)
      s();
  C = false;
};
var z = (e) => {
  A++;
  try {
    return e();
  } finally {
    if (A--, A === 0 && T.size > 0 && !C)
      W();
  }
};
var w = (e, s = false) => {
  if (!s && p && !p._disposed)
    e.add(p), (p._deps ||= new Set).add(e);
  else if (s && e.size > 0) {
    let t = false;
    for (let r of e) {
      if (r === p || r._disposed)
        continue;
      if (r._isComputed) {
        if (r._dirty = true, r._subs)
          w(r._subs, true);
      } else
        T.add(r), t = true;
    }
    if (t && !C && A === 0)
      queueMicrotask(W);
  }
};
var B = (e, s = null) => {
  let t = new Set;
  if (m(e)) {
    let r, n = () => {
      if (n._dirty) {
        let c = p;
        p = n;
        try {
          let i = e();
          if (!Object.is(r, i))
            r = i, w(t, true);
        } finally {
          p = c;
        }
        n._dirty = false;
      }
      return w(t), r;
    };
    if (n._isComputed = true, n._subs = t, n._dirty = true, n._deps = null, n._disposed = false, n.stop = () => {}, _)
      g(n.stop);
    return n;
  }
  if (s)
    try {
      e = JSON.parse(localStorage.getItem(s)) ?? e;
    } catch (r) {}
  return (...r) => {
    if (r.length) {
      let n = m(r[0]) ? r[0](e) : r[0];
      if (!Object.is(e, n)) {
        if (e = n, s)
          localStorage.setItem(s, JSON.stringify(e));
        w(t, true);
      }
    }
    return w(t), e;
  };
};
var D = (e) => {
  if (!j(e))
    return e;
  let s = U.get(e);
  if (s)
    return s;
  let t = new Map, r = (n) => {
    let c = t.get(n);
    if (!c)
      t.set(n, c = new Set);
    return c;
  };
  return s = new Proxy(e, { get(n, c, i) {
    if (typeof c !== "symbol")
      w(r(c));
    return D(Reflect.get(n, c, i));
  }, set(n, c, i, o) {
    let l = !Reflect.has(n, c), a = Reflect.get(n, c, o), d = Reflect.set(n, c, i, o);
    if (d && !Object.is(a, i)) {
      if (w(r(c), true), l)
        w(r(L), true);
    }
    return d;
  }, deleteProperty(n, c) {
    let i = Reflect.deleteProperty(n, c);
    if (i)
      w(r(c), true), w(r(L), true);
    return i;
  }, ownKeys(n) {
    return w(r(L)), Reflect.ownKeys(n);
  } }), U.set(e, s), s;
};
var R = (e, s) => {
  if (s === undefined) {
    let r = O(e);
    return r(), () => v(r);
  }
  let t = O(() => {
    let r = Array.isArray(e) ? e.map((n) => n()) : e();
    q(() => s(r));
  });
  return t(), () => v(t);
};
var P = (e) => {
  if (e._cleanups)
    e._cleanups.forEach((s) => s()), e._cleanups.clear();
  if (e._ownerEffect)
    v(e._ownerEffect);
  if (e.childNodes)
    e.childNodes.forEach(P);
};
var F = /^\s*(javascript|data|vbscript):/i;
var G = (e) => e === "src" || e === "href" || e.startsWith("on");
var I = (e, s) => {
  if (s == null || s === false)
    return null;
  if (G(e)) {
    let t = String(s);
    if (F.test(t))
      return console.warn(`[SigPro] Bloqueado protocolo peligroso en ${e}`), "#";
  }
  return s;
};
var S = (e, s = {}, t = []) => {
  if (s instanceof Node || N(s) || !j(s))
    t = s, s = {};
  if (m(e)) {
    let i = { _mounts: [], _cleanups: new Set }, o = O(() => {
      let f = e(s, { children: t, emit: (h, ...u) => s[`on${h[0].toUpperCase()}${h.slice(1)}`]?.(...u) });
      return o._result = f, f;
    });
    o();
    let l = o._result;
    if (l == null)
      return null;
    let a = l instanceof Node || N(l) && l.every((f) => f instanceof Node) ? l : E.createTextNode(String(l)), d = (f) => {
      if (j(f) && !f._isRuntime)
        f._mounts = o._mounts || [], f._cleanups = o._cleanups || new Set, f._ownerEffect = o;
    };
    return N(a) ? a.forEach(d) : d(a), a;
  }
  let r = /^(svg|path|circle|rect|line|poly(line|gon)|g|defs|text(path)?|tspan|use|symbol|image|marker|ellipse)$/i.test(e), n = r ? E.createElementNS("http://www.w3.org/2000/svg", e) : E.createElement(e);
  n._cleanups = new Set;
  for (let i in s) {
    if (!s.hasOwnProperty(i))
      continue;
    let o = s[i];
    if (i === "ref") {
      m(o) ? o(n) : o.current = n;
      continue;
    }
    if (r && i.startsWith("xlink:")) {
      val == null ? n.removeAttributeNS("http://www.w3.org/1999/xlink", i.slice(6)) : n.setAttributeNS("http://www.w3.org/1999/xlink", i.slice(6), val);
      continue;
    }
    if (i.startsWith("on")) {
      let l = i.slice(2).toLowerCase();
      n.addEventListener(l, o);
      let a = () => n.removeEventListener(l, o);
      n._cleanups.add(a), g(a);
    } else if (m(o)) {
      let l = O(() => {
        let a = I(i, o());
        if (i === "class")
          n.className = a || "";
        else if (a == null)
          n.removeAttribute(i);
        else if (i in n && !r)
          n[i] = a;
        else
          n.setAttribute(i, a === true ? "" : a);
      });
      if (l(), n._cleanups.add(() => v(l)), g(() => v(l)), /^(INPUT|TEXTAREA|SELECT)$/.test(n.tagName) && (i === "value" || i === "checked")) {
        let a = i === "checked" ? "change" : "input";
        n.addEventListener(a, (d) => o(d.target[i]));
      }
    } else {
      let l = I(i, o);
      if (l != null)
        if (i in n && !r)
          n[i] = l;
        else
          n.setAttribute(i, l === true ? "" : l);
    }
  }
  let c = (i) => {
    if (N(i))
      return i.forEach(c);
    if (m(i)) {
      let o = E.createTextNode("");
      n.appendChild(o);
      let l = [], a = O(() => {
        let d = i(), f = (N(d) ? d : [d]).map($);
        l.forEach((u) => {
          if (u._isRuntime)
            u.destroy();
          else
            P(u);
          if (u.parentNode)
            u.remove();
        });
        let h = o;
        for (let u = f.length - 1;u >= 0; u--) {
          let y = f[u];
          if (y.parentNode !== h.parentNode)
            h.parentNode?.insertBefore(y, h);
          if (y._mounts)
            y._mounts.forEach((V) => V());
          h = y;
        }
        l = f;
      });
      a(), n._cleanups.add(() => v(a)), g(() => v(a));
    } else {
      let o = $(i);
      if (n.appendChild(o), o._mounts)
        o._mounts.forEach((l) => l());
    }
  };
  return c(t), n;
};
var b = (e) => {
  let s = new Set, t = [], r = _, n = p, c = E.createElement("div");
  c.style.display = "contents", c.setAttribute("role", "presentation"), _ = { _cleanups: s, _mounts: t }, p = null;
  let i = (o) => {
    if (!o)
      return;
    if (o._isRuntime)
      s.add(o.destroy), c.appendChild(o.container);
    else if (N(o))
      o.forEach(i);
    else
      c.appendChild(o instanceof Node ? o : E.createTextNode(String(o == null ? "" : o)));
  };
  try {
    i(e({ onCleanup: (o) => s.add(o) }));
  } finally {
    _ = r, p = n;
  }
  return t.forEach((o) => o()), { _isRuntime: true, container: c, destroy: () => {
    s.forEach((o) => o()), P(c), c.remove();
  } };
};
var J = (e, s, t = null) => {
  let r = E.createTextNode(""), n = S("div", { style: "display:contents" }, [r]), c = null;
  return R(() => !!(m(e) ? e() : e), (i) => {
    if (c)
      c.destroy(), c = null;
    let o = i ? s : t;
    if (o)
      c = b(() => m(o) ? o() : o), n.insertBefore(c.container, r);
  }), g(() => c?.destroy()), n;
};
var K = (e, s, t) => {
  let r = E.createTextNode(""), n = S("div", { style: "display:contents" }, [r]), c = new Map;
  return R(() => (m(e) ? e() : e) || [], (i) => {
    let o = new Map, l = [], a = i || [];
    for (let f = 0;f < a.length; f++) {
      let h = a[f], u = t ? t(h, f) : h?.id ?? f, y = c.get(u);
      if (!y)
        y = b(() => s(h, f));
      else
        c.delete(u);
      o.set(u, y), l.push(y);
    }
    c.forEach((f) => f.destroy());
    let d = r;
    for (let f = l.length - 1;f >= 0; f--) {
      let u = l[f].container;
      if (u.nextSibling !== d)
        n.insertBefore(u, d);
      d = u;
    }
    c = o;
  }), n;
};
var x = (e) => {
  let s = () => window.location.hash.slice(1) || "/", t = B(s()), r = () => t(s());
  window.addEventListener("hashchange", r), g(() => window.removeEventListener("hashchange", r));
  let n = S("div", { class: "router-hook" }), c = null;
  return R([t], () => {
    let i = t(), o = e.find((l) => {
      let a = l.path.split("/").filter(Boolean), d = i.split("/").filter(Boolean);
      return a.length === d.length && a.every((f, h) => f[0] === ":" || f === d[h]);
    }) || e.find((l) => l.path === "*");
    if (o) {
      c?.destroy();
      let l = {};
      o.path.split("/").filter(Boolean).forEach((a, d) => {
        if (a[0] === ":")
          l[a.slice(1)] = i.split("/").filter(Boolean)[d];
      }), x.params(l), c = b(() => m(o.component) ? o.component(l) : o.component), n.replaceChildren(c.container);
    }
  }), n;
};
x.params = B({});
x.to = (e) => window.location.hash = e.replace(/^#?\/?/, "#/");
x.back = () => window.history.back();
x.path = () => window.location.hash.replace(/^#/, "") || "/";
var Q = (e, s, { enter: t, leave: r } = {}) => {
  let n = S("div", { style: "display:contents" }), c = null, i = (o, l) => {
    let a = false, d = () => !a && (a = true, l());
    if (!o)
      return d();
    "transitionend animationend".split(" ").map((f) => o.addEventListener(f, d, { once: true })), setTimeout(d, 500);
  };
  return R(e, (o) => {
    if (o && !c) {
      let l = (c = b(s)).container.firstChild;
      if (n.appendChild(c.container), t && l)
        l.classList.add(t), l.clientTop, l.classList.add(t + "-active"), i(l, () => l.classList.remove(t, t + "-active"));
    } else if (!o && c) {
      let l = c.container.firstChild, a = () => (c?.destroy(), c = null);
      r && l ? (l.classList.add(r), i(l, a)) : a();
    }
  }), g(() => c?.destroy()), n;
};
var H = (e, s) => {
  let t = typeof s === "string" ? E.querySelector(s) : s;
  if (!t)
    return;
  if (M.has(t))
    M.get(t).destroy();
  let r = b(m(e) ? e : () => e);
  return t.replaceChildren(r.container), M.set(t, r), r;
};
var X = Object.freeze({ $: B, $$: D, Watch: R, Tag: S, Render: b, If: J, For: K, Router: x, Mount: H, onMount: k, onUnmount: g, Anim: Q, Batch: z });
if (typeof window < "u")
  Object.assign(window, X), "div span p h1 h2 h3 h4 h5 h6 br hr section article aside nav main header footer ul ol li a em strong pre code form label input textarea select button img svg".split(" ").forEach((e) => {
    let s = e[0].toUpperCase() + e.slice(1);
    window[s] = (t, r) => S(e, t, r);
  });

// components/Accordion.js
var Collapse = (props, children) => {
  const { class: className, title, name, open, ...rest } = props;
  return S("div", {
    ...rest,
    class: `collapse collapse-arrow bg-base-200 ${className || ""}`.trim()
  }, [
    S("input", {
      type: name ? "radio" : "checkbox",
      name,
      checked: () => typeof open === "function" ? open() : open,
      onchange: (e) => {
        if (typeof open === "function")
          open(e.target.checked);
      }
    }),
    S("div", { class: "collapse-title text-xl font-medium" }, title),
    S("div", { class: "collapse-content" }, children)
  ]);
};

// components/Alert.js
var exports_Alert = {};
__export(exports_Alert, {
  Alert: () => Alert
});
var Alert = (props, children) => {
  const { class: className, ...rest } = props;
  return S("div", {
    ...rest,
    role: "alert",
    class: className || undefined
  }, children);
};

// components/Autocomplete.js
var exports_Autocomplete = {};
__export(exports_Autocomplete, {
  Autocomplete: () => Autocomplete
});
var Autocomplete = (props) => {
  const { class: className, items = [], value, onselect, placeholder, ...rest } = props;
  const query = B(() => {
    const v2 = typeof value === "function" ? value() : value;
    return v2 || "";
  });
  const isOpen = B(false);
  const cursor = B(-1);
  const filteredItems = B([]);
  R(() => {
    const q2 = String(query()).toLowerCase();
    const allItems = typeof items === "function" ? items() : items;
    const filtered = q2 ? allItems.filter((item) => (typeof item === "string" ? item : item.label).toLowerCase().includes(q2)) : allItems;
    filteredItems(filtered);
  });
  const pick = (item) => {
    const display = typeof item === "string" ? item : item.label;
    const actual = typeof item === "string" ? item : item.value;
    query(display);
    if (typeof value === "function")
      value(actual);
    onselect?.(item);
    isOpen(false);
    cursor(-1);
  };
  const handleKeyDown = (e) => {
    const list = filteredItems();
    if (e.key === "ArrowDown") {
      e.preventDefault();
      isOpen(true);
      cursor(Math.min(cursor() + 1, list.length - 1));
    } else if (e.key === "ArrowUp") {
      e.preventDefault();
      cursor(Math.max(cursor() - 1, 0));
    } else if (e.key === "Enter" && cursor() >= 0) {
      e.preventDefault();
      pick(list[cursor()]);
    } else if (e.key === "Escape") {
      isOpen(false);
    }
  };
  return S("div", { class: `relative w-full ${className || ""}`.trim() }, [
    S("label", { class: "input input-bordered w-full" }, [
      S("span", { class: "icon-[lucide--search]" }),
      S("input", {
        ...rest,
        type: "text",
        class: "grow",
        value: query,
        placeholder: placeholder || "Buscar...",
        onfocus: () => isOpen(true),
        onblur: () => setTimeout(() => isOpen(false), 150),
        onkeydown: handleKeyDown,
        oninput: (e) => {
          const newVal = e.target.value;
          query(newVal);
          if (typeof value === "function")
            value(newVal);
          isOpen(true);
          cursor(-1);
        }
      })
    ]),
    S("ul", {
      class: "absolute left-0 w-full menu bg-base-100 rounded-box mt-1 p-2 shadow-xl max-h-60 overflow-y-auto border border-base-300 z-50",
      style: () => `display: ${isOpen() && filteredItems().length ? "block" : "none"};`
    }, [
      K(filteredItems, (item, idx) => S("li", {}, [
        S("a", {
          class: () => `block w-full ${cursor() === idx ? "active bg-primary text-primary-content" : ""}`,
          onclick: () => pick(item),
          onmouseenter: () => cursor(idx)
        }, typeof item === "string" ? item : item.label)
      ]), (item, idx) => (typeof item === "string" ? item : item.value) + idx),
      () => filteredItems().length === 0 && S("li", { class: "p-2 text-center opacity-50" }, "Sin resultados")
    ])
  ]);
};

// components/Badge.js
var exports_Badge = {};
__export(exports_Badge, {
  Badge: () => Badge
});
var Badge = (props, children) => {
  const { class: className, ...rest } = props;
  return S("span", {
    ...rest,
    class: className || undefined
  }, children);
};

// components/Button.js
var exports_Button = {};
__export(exports_Button, {
  Button: () => Button2
});
var Button2 = (props, children) => {
  const { class: className, ...rest } = props;
  return S("button", {
    ...rest,
    class: `btn ${className || ""}`.trim()
  }, children);
};

// components/Card.js
var exports_Card = {};
__export(exports_Card, {
  CardTitle: () => CardTitle,
  CardBody: () => CardBody,
  CardActions: () => CardActions,
  Card: () => Card
});
var Card = (props, children) => {
  const { class: className, ...rest } = props;
  return S("div", {
    ...rest,
    class: `card ${className || ""}`.trim()
  }, children);
};
var CardTitle = (props, children) => {
  const { class: className, ...rest } = props;
  return S("div", {
    ...rest,
    class: `card-title ${className || ""}`.trim()
  }, children);
};
var CardBody = (props, children) => {
  const { class: className, ...rest } = props;
  return S("div", {
    ...rest,
    class: `card-body ${className || ""}`.trim()
  }, children);
};
var CardActions = (props, children) => {
  const { class: className, ...rest } = props;
  return S("div", {
    ...rest,
    class: `card-actions ${className || ""}`.trim()
  }, children);
};

// components/Carousel.js
var exports_Carousel = {};
__export(exports_Carousel, {
  CarouselItem: () => CarouselItem,
  Carousel: () => Carousel
});
var Carousel = (props, children) => {
  const { class: className, ...rest } = props;
  return S("div", {
    ...rest,
    class: `carousel ${className || ""}`.trim()
  }, children);
};
var CarouselItem = (props, children) => {
  const { class: className, ...rest } = props;
  return S("div", {
    ...rest,
    class: `carousel-item ${className || ""}`.trim()
  }, children);
};

// components/Chat.js
var exports_Chat = {};
__export(exports_Chat, {
  ChatImage: () => ChatImage,
  ChatHeader: () => ChatHeader,
  ChatFooter: () => ChatFooter,
  ChatBubble: () => ChatBubble,
  Chat: () => Chat
});
var Chat = (props, children) => {
  const { class: className, ...rest } = props;
  return S("div", {
    ...rest,
    class: `chat ${className || ""}`.trim()
  }, children);
};
var ChatImage = (props, children) => {
  const { class: className, ...rest } = props;
  return S("div", {
    ...rest,
    class: `chat-image ${className || ""}`.trim()
  }, children);
};
var ChatHeader = (props, children) => {
  const { class: className, ...rest } = props;
  return S("div", {
    ...rest,
    class: `chat-header ${className || ""}`.trim()
  }, children);
};
var ChatFooter = (props, children) => {
  const { class: className, ...rest } = props;
  return S("div", {
    ...rest,
    class: `chat-footer ${className || ""}`.trim()
  }, children);
};
var ChatBubble = (props, children) => {
  const { class: className, ...rest } = props;
  return S("div", {
    ...rest,
    class: `chat-bubble ${className || ""}`.trim()
  }, children);
};

// components/Checkbox.js
var exports_Checkbox = {};
__export(exports_Checkbox, {
  Checkbox: () => Checkbox
});
var Checkbox = (props) => {
  const { class: className, label, ...rest } = props;
  const inputEl = S("input", {
    ...rest,
    type: "checkbox",
    class: className || undefined
  });
  if (!label)
    return inputEl;
  return S("label", { class: "label cursor-pointer justify-start gap-3" }, [
    inputEl,
    S("span", { class: "label-text" }, label)
  ]);
};

// components/Colorpicker.js
var exports_Colorpicker = {};
__export(exports_Colorpicker, {
  Colorpicker: () => Colorpicker
});
var Colorpicker = (props) => {
  const { class: className, value, label, ...rest } = props;
  const isOpen = B(false);
  const palette = [
    ...["#000", "#1A1A1A", "#333", "#4D4D4D", "#666", "#808080", "#B3B3B3", "#FFF"],
    ...["#450a0a", "#7f1d1d", "#991b1b", "#b91c1c", "#dc2626", "#ef4444", "#f87171", "#fca5a5"],
    ...["#431407", "#7c2d12", "#9a3412", "#c2410c", "#ea580c", "#f97316", "#fb923c", "#ffedd5"],
    ...["#713f12", "#a16207", "#ca8a04", "#eab308", "#facc15", "#fde047", "#fef08a", "#fff9c4"],
    ...["#064e3b", "#065f46", "#059669", "#10b981", "#34d399", "#4ade80", "#84cc16", "#d9f99d"],
    ...["#082f49", "#075985", "#0284c7", "#0ea5e9", "#38bdf8", "#7dd3fc", "#22d3ee", "#cffafe"],
    ...["#1e1b4b", "#312e81", "#4338ca", "#4f46e5", "#6366f1", "#818cf8", "#a5b4fc", "#e0e7ff"],
    ...["#2e1065", "#4c1d95", "#6d28d9", "#7c3aed", "#8b5cf6", "#a855f7", "#d946ef", "#fae8ff"]
  ];
  const getColor = () => {
    const v2 = value;
    return (typeof v2 === "function" ? v2() : v2) || "#000000";
  };
  return S("div", { class: `relative w-fit ${className || ""}`.trim() }, [
    S("button", {
      type: "button",
      class: "btn px-3 bg-base-100 border-base-300 hover:border-primary/50 flex items-center gap-2 shadow-sm font-normal normal-case",
      onclick: (e) => {
        e.stopPropagation();
        isOpen(!isOpen());
      },
      ...rest
    }, [
      S("div", {
        class: "size-5 rounded-sm shadow-inner border border-black/10 shrink-0",
        style: () => `background-color: ${getColor()}`
      }),
      label ? S("span", { class: "opacity-80" }, label) : null
    ]),
    J(isOpen, () => S("div", {
      class: "absolute left-0 mt-2 p-3 bg-base-100 border border-base-300 shadow-2xl rounded-box z-[110] w-64 select-none",
      onclick: (e) => e.stopPropagation()
    }, [
      S("div", { class: "grid grid-cols-8 gap-1" }, palette.map((c) => S("button", {
        type: "button",
        style: `background-color: ${c}`,
        class: () => {
          const active = getColor().toLowerCase() === c.toLowerCase();
          return `size-6 rounded-sm cursor-pointer transition-all hover:scale-125 hover:z-10 active:scale-95 outline-none border border-black/5 p-0 min-h-0 
                ${active ? "ring-2 ring-offset-1 ring-primary z-10 scale-110" : ""}`;
        },
        onclick: () => {
          if (typeof value === "function")
            value(c);
          isOpen(false);
        }
      })))
    ])),
    J(isOpen, () => S("div", {
      class: "fixed inset-0 z-[100]",
      onclick: () => isOpen(false)
    }))
  ]);
};

// components/Datepicker.js
var exports_Datepicker = {};
__export(exports_Datepicker, {
  Datepicker: () => Datepicker
});

// components/Calendar.js
var Calendar = (props) => {
  const { value, range = false, hour = false, onChange, class: className = "" } = props;
  const internalDate = B(new Date);
  const hoverDate = B(null);
  const startHour = B(0);
  const endHour = B(0);
  const isRangeMode = () => {
    const r = typeof range === "function" ? range() : range;
    return r === true;
  };
  const now = new Date;
  const todayStr = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, "0")}-${String(now.getDate()).padStart(2, "0")}`;
  const formatDate = (d) => {
    const year = d.getFullYear();
    const month = String(d.getMonth() + 1).padStart(2, "0");
    const day = String(d.getDate()).padStart(2, "0");
    return `${year}-${month}-${day}`;
  };
  const getCurrentValue = () => {
    const v2 = value;
    return typeof v2 === "function" ? v2() : v2;
  };
  const selectDate = (date) => {
    const dateStr = formatDate(date);
    const current = getCurrentValue();
    if (isRangeMode()) {
      if (!current?.start || current.start && current.end) {
        const newValue = {
          start: dateStr,
          end: null,
          ...hour && { startHour: startHour() }
        };
        onChange?.(newValue);
      } else {
        const start = current.start;
        let newValue;
        if (dateStr < start) {
          newValue = { start: dateStr, end: start };
        } else {
          newValue = { start, end: dateStr };
        }
        if (hour) {
          newValue.startHour = current.startHour !== undefined ? current.startHour : startHour();
          newValue.endHour = endHour();
        }
        onChange?.(newValue);
      }
    } else {
      const newValue = hour ? `${dateStr}T${String(startHour()).padStart(2, "0")}:00:00` : dateStr;
      onChange?.(newValue);
    }
  };
  const move = (m2) => {
    const d = internalDate();
    internalDate(new Date(d.getFullYear(), d.getMonth() + m2, 1));
  };
  const moveYear = (y) => {
    const d = internalDate();
    internalDate(new Date(d.getFullYear() + y, d.getMonth(), 1));
  };
  const HourSlider = ({ value: hVal, onChange: onHourChange }) => {
    return S("div", { class: "flex-1" }, [
      S("div", { class: "flex gap-2 items-center" }, [
        S("input", {
          type: "range",
          min: 0,
          max: 23,
          value: hVal,
          class: "range range-xs flex-1",
          oninput: (e) => onHourChange(parseInt(e.target.value))
        }),
        S("span", { class: "text-sm font-mono min-w-[48px] text-center" }, () => String(typeof hVal === "function" ? hVal() : hVal).padStart(2, "0") + ":00")
      ])
    ]);
  };
  return S("div", { class: `p-4 bg-base-100 border border-base-300 shadow-2xl rounded-box w-80 select-none ${className}`.trim() }, [
    S("div", { class: "flex justify-between items-center mb-4 gap-1" }, [
      S("div", { class: "flex gap-0.5" }, [
        S("button", { type: "button", class: "btn btn-ghost btn-xs px-1", onclick: () => moveYear(-1) }, S("span", { class: "icon-[lucide--chevrons-left]" })),
        S("button", { type: "button", class: "btn btn-ghost btn-xs px-1", onclick: () => move(-1) }, S("span", { class: "icon-[lucide--chevron-left]" }))
      ]),
      S("span", { class: "font-bold uppercase flex-1 text-center" }, [
        () => internalDate().toLocaleString("es-ES", { month: "short", year: "numeric" })
      ]),
      S("div", { class: "flex gap-0.5" }, [
        S("button", { type: "button", class: "btn btn-ghost btn-xs px-1", onclick: () => move(1) }, S("span", { class: "icon-[lucide--chevron-right]" })),
        S("button", { type: "button", class: "btn btn-ghost btn-xs px-1", onclick: () => moveYear(1) }, S("span", { class: "icon-[lucide--chevrons-right]" }))
      ])
    ]),
    S("div", { class: "grid grid-cols-7 gap-1", onmouseleave: () => hoverDate(null) }, [
      ...["L", "M", "X", "J", "V", "S", "D"].map((d) => S("div", { class: "text-[10px] opacity-40 font-bold text-center" }, d)),
      () => {
        const d = internalDate();
        const year = d.getFullYear();
        const month = d.getMonth();
        const firstDay = new Date(year, month, 1).getDay();
        const offset = firstDay === 0 ? 6 : firstDay - 1;
        const daysInMonth = new Date(year, month + 1, 0).getDate();
        const cells = [];
        for (let i = 0;i < offset; i++)
          cells.push(S("div"));
        for (let i = 1;i <= daysInMonth; i++) {
          const date = new Date(year, month, i);
          const dStr = formatDate(date);
          cells.push(S("button", {
            type: "button",
            class: () => {
              const v2 = getCurrentValue();
              const h = hoverDate();
              const isStart = typeof v2 === "string" ? v2.split("T")[0] === dStr : v2?.start === dStr;
              const isEnd = v2?.end === dStr;
              let inRange = false;
              if (isRangeMode() && v2?.start) {
                const start = v2.start;
                if (!v2.end && h) {
                  inRange = dStr > start && dStr <= h || dStr < start && dStr >= h;
                } else if (v2.end) {
                  inRange = dStr > start && dStr < v2.end;
                }
              }
              const base = "btn btn-xs p-0 aspect-square min-h-0 h-auto font-normal relative";
              const state = isStart || isEnd ? "btn-primary z-10" : inRange ? "bg-primary/20 border-none rounded-none" : "btn-ghost";
              const today = dStr === todayStr ? "ring-1 ring-primary ring-inset font-black text-primary" : "";
              return `${base} ${state} ${today}`.trim();
            },
            onmouseenter: () => {
              if (isRangeMode())
                hoverDate(dStr);
            },
            onclick: () => selectDate(date)
          }, i.toString()));
        }
        return cells;
      }
    ]),
    hour ? S("div", { class: "mt-3 pt-2 border-t border-base-300" }, [
      isRangeMode() ? S("div", { class: "flex gap-4" }, [
        HourSlider({ value: startHour, onChange: (h) => startHour(h) }),
        HourSlider({ value: endHour, onChange: (h) => endHour(h) })
      ]) : HourSlider({ value: startHour, onChange: (h) => startHour(h) })
    ]) : null
  ]);
};

// components/Datepicker.js
var Datepicker = (props) => {
  const { class: className, value, range, placeholder, hour = false, ...rest } = props;
  const isOpen = B(false);
  const isRangeMode = () => {
    const r = typeof range === "function" ? range() : range;
    return r === true;
  };
  const displayValue = B("");
  R(() => {
    const v2 = typeof value === "function" ? value() : value;
    if (!v2) {
      displayValue("");
      return;
    }
    let text = "";
    if (typeof v2 === "string") {
      text = hour && v2.includes("T") ? v2.replace("T", " ") : v2;
    } else if (v2.start && v2.end) {
      const startStr = hour && v2.startHour !== undefined ? `${v2.start} ${String(v2.startHour).padStart(2, "0")}:00` : v2.start;
      const endStr = hour && v2.endHour !== undefined ? `${v2.end} ${String(v2.endHour).padStart(2, "0")}:00` : v2.end;
      text = `${startStr} - ${endStr}`;
    } else if (v2.start) {
      const startStr = hour && v2.startHour !== undefined ? `${v2.start} ${String(v2.startHour).padStart(2, "0")}:00` : v2.start;
      text = `${startStr}...`;
    }
    displayValue(text);
  });
  const handleCalendarChange = (newValue) => {
    if (typeof value === "function")
      value(newValue);
    if (!isRangeMode() || newValue?.end !== undefined && newValue?.end !== null) {
      isOpen(false);
    }
  };
  const toggleOpen = (e) => {
    e.stopPropagation();
    isOpen(!isOpen());
  };
  return S("div", { class: `relative w-full ${className || ""}`.trim() }, [
    S("label", { class: "input input-bordered w-full", onclick: toggleOpen }, [
      S("span", { class: "icon-[lucide--calendar]" }),
      S("input", {
        ...rest,
        type: "text",
        class: "grow",
        value: displayValue,
        readonly: true,
        placeholder: placeholder || (isRangeMode() ? "Seleccionar rango..." : "Seleccionar fecha...")
      })
    ]),
    J(isOpen, () => S("div", {
      class: "absolute left-0 mt-2 z-[100]",
      onclick: (e) => e.stopPropagation()
    }, [
      Calendar({
        value,
        range: isRangeMode(),
        hour,
        onChange: handleCalendarChange
      })
    ])),
    J(isOpen, () => S("div", { class: "fixed inset-0 z-[90]", onclick: () => isOpen(false) }))
  ]);
};

// components/Drawer.js
var exports_Drawer = {};
__export(exports_Drawer, {
  Drawer: () => Drawer
});
var Drawer = (props) => {
  const { class: className, id, open, content, children, ...rest } = props;
  const drawerId = id || `drawer-${Math.random().toString(36).slice(2, 9)}`;
  return S("div", {
    ...rest,
    class: `drawer ${className || ""}`.trim()
  }, [
    S("input", {
      id: drawerId,
      type: "checkbox",
      class: "drawer-toggle",
      checked: () => typeof open === "function" ? open() : open,
      onchange: (e) => {
        if (typeof open === "function")
          open(e.target.checked);
      }
    }),
    S("div", { class: "drawer-content" }, children),
    S("div", { class: "drawer-side" }, [
      S("label", {
        for: drawerId,
        class: "drawer-overlay",
        onclick: () => {
          if (typeof open === "function")
            open(false);
        }
      }),
      S("div", { class: "min-h-full bg-base-200 w-80 p-4" }, [
        typeof content === "function" ? content() : content
      ])
    ])
  ]);
};

// components/Dropdown.js
var exports_Dropdown = {};
__export(exports_Dropdown, {
  Dropdown: () => Dropdown
});
var currentOpen = null;
if (typeof window !== "undefined" && !window.__dropdownHandlerRegistered) {
  window.addEventListener("click", (e) => {
    if (currentOpen && !currentOpen.contains(e.target)) {
      currentOpen.open = false;
      currentOpen = null;
    }
  });
  window.__dropdownHandlerRegistered = true;
}
var Dropdown = (props) => {
  const { class: className, children, ...rest } = props;
  return S("details", {
    ...rest,
    class: `dropdown ${className || ""}`.trim(),
    onclick: (e) => {
      const details = e.currentTarget;
      if (currentOpen && currentOpen !== details) {
        currentOpen.open = false;
      }
      setTimeout(() => {
        currentOpen = details.open ? details : null;
      }, 0);
    }
  }, children);
};

// components/Fab.js
var exports_Fab = {};
__export(exports_Fab, {
  Fab: () => Fab
});
var Fab = (props, children) => {
  const { class: className, position = "bottom-6 right-6", ...rest } = props;
  return S("div", {
    ...rest,
    class: `absolute ${position} flex flex-col-reverse items-end gap-3 z-[100] ${className || ""}`.trim()
  }, children);
};

// components/Fieldset.js
var exports_Fieldset = {};
__export(exports_Fieldset, {
  Fieldset: () => Fieldset
});
var Fieldset = (props, children) => {
  const { class: className, legend, ...rest } = props;
  return S("fieldset", {
    ...rest,
    class: `fieldset ${className || ""}`.trim()
  }, [
    legend ? S("legend", { class: "fieldset-legend" }, legend) : null,
    children
  ]);
};

// components/Fileinput.js
var exports_Fileinput = {};
__export(exports_Fileinput, {
  Fileinput: () => Fileinput
});
var Fileinput = (props) => {
  const { class: className, max = 2, accept = "*", onselect, ...rest } = props;
  const selectedFiles = B([]);
  const isDragging = B(false);
  const error = B(null);
  const MAX_BYTES = max * 1024 * 1024;
  const handleFiles = (files) => {
    const fileList = Array.from(files);
    error(null);
    const oversized = fileList.find((f) => f.size > MAX_BYTES);
    if (oversized) {
      error(`Máx ${max}MB`);
      return;
    }
    selectedFiles([...selectedFiles(), ...fileList]);
    onselect?.(selectedFiles());
  };
  const removeFile = (index) => {
    const updated = selectedFiles().filter((_2, i) => i !== index);
    selectedFiles(updated);
    onselect?.(updated);
  };
  return S("div", {
    ...rest,
    class: `fieldset w-full p-0 ${className || ""}`.trim()
  }, [
    S("label", {
      class: () => `
        relative flex items-center justify-between w-full h-12 px-4
        border-2 border-dashed rounded-lg cursor-pointer
        transition-all duration-200
        ${isDragging() ? "border-primary bg-primary/10" : "border-base-content/20 bg-base-100 hover:bg-base-200"}
      `,
      ondragover: (e) => {
        e.preventDefault();
        isDragging(true);
      },
      ondragleave: () => isDragging(false),
      ondrop: (e) => {
        e.preventDefault();
        isDragging(false);
        handleFiles(e.dataTransfer.files);
      }
    }, [
      S("div", { class: "flex items-center gap-3 w-full" }, [
        S("span", { class: "icon-[lucide--upload]" }),
        S("span", { class: "text-sm opacity-70 truncate grow text-left" }, "Arrastra o selecciona archivos..."),
        S("span", { class: "text-[10px] opacity-40 shrink-0" }, `Máx ${max}MB`)
      ]),
      S("input", {
        type: "file",
        multiple: true,
        accept,
        class: "hidden",
        onchange: (e) => handleFiles(e.target.files)
      })
    ]),
    () => error() && S("span", { class: "text-[10px] text-error mt-1 px-1 font-medium" }, error()),
    J(() => selectedFiles().length > 0, () => S("ul", { class: "mt-2 space-y-1" }, [
      K(selectedFiles, (file, idx) => S("li", { class: "flex items-center justify-between p-1.5 pl-3 text-xs bg-base-200/50 rounded-md border border-base-300" }, [
        S("div", { class: "flex items-center gap-2 truncate" }, [
          S("span", { class: "opacity-50" }, "\uD83D\uDCC4"),
          S("span", { class: "truncate font-medium max-w-[200px]" }, file.name),
          S("span", { class: "text-[9px] opacity-40" }, `(${(file.size / 1024).toFixed(0)} KB)`)
        ]),
        S("button", {
          type: "button",
          class: "btn btn-ghost btn-xs btn-circle",
          onclick: (e) => {
            e.preventDefault();
            removeFile(idx);
          }
        }, S("span", { class: "icon-[lucide--x]" }))
      ]), (file) => file.name + file.lastModified)
    ]))
  ]);
};

// components/Icon.js
var exports_Icon = {};
__export(exports_Icon, {
  Icon: () => Icon
});
var Icon = (iconClass) => {
  if (!iconClass)
    return null;
  return S("span", { class: iconClass });
};

// components/Indicator.js
var exports_Indicator = {};
__export(exports_Indicator, {
  Indicator: () => Indicator
});
var Indicator = (props, children) => {
  const { value, class: className, ...rest } = props;
  return S("div", {
    ...rest,
    class: "indicator"
  }, [
    value ? S("span", { class: `indicator-item badge ${className || ""}`.trim() }, value) : null,
    children
  ]);
};

// components/Kdb.js
var exports_Kdb = {};
__export(exports_Kdb, {
  Kbd: () => Kbd
});
var Kbd = (props, children) => {
  if (typeof props === "string" || typeof props === "number") {
    children = props;
    props = {};
  }
  const { class: className, ...rest } = props;
  return S("kbd", {
    ...rest,
    class: `kbd ${className || ""}`.trim()
  }, children);
};

// components/Input.js
var exports_Input = {};
__export(exports_Input, {
  Input: () => Input
});
var Input = (props) => {
  const { class: className, type = "text", ...rest } = props;
  return S("input", {
    ...rest,
    type,
    class: `input ${className || ""}`.trim()
  });
};

// components/List.js
var exports_List = {};
__export(exports_List, {
  List: () => List
});
var List = (props, children) => {
  const { class: className, ...rest } = props;
  return S("ul", {
    ...rest,
    class: `list ${className || ""}`.trim()
  }, children);
};

// components/Loading.js
var exports_Loading = {};
__export(exports_Loading, {
  Spinner: () => Spinner
});
var Spinner = (props) => {
  const { class: className, ...rest } = props;
  return S("span", {
    ...rest,
    class: `loading loading-spinner ${className || ""}`.trim()
  });
};

// components/Menu.js
var exports_Menu = {};
__export(exports_Menu, {
  Menu: () => Menu
});
var Menu = (props, children) => {
  const { class: className, ...rest } = props;
  return S("ul", {
    ...rest,
    class: `menu ${className || ""}`.trim()
  }, children);
};

// components/Modal.js
var exports_Modal = {};
__export(exports_Modal, {
  Modal: () => Modal
});
var Modal = (props) => {
  const { class: className, open, title, children, ...rest } = props;
  let dialogRef = null;
  R(() => {
    const isOpen = typeof open === "function" ? open() : open;
    if (!dialogRef)
      return;
    isOpen ? dialogRef.showModal() : dialogRef.close();
  });
  const close = () => {
    if (typeof open === "function")
      open(false);
  };
  return S("dialog", {
    ...rest,
    ref: (el) => dialogRef = el,
    class: `modal ${className || ""}`.trim(),
    onclose: close,
    oncancel: close
  }, [
    S("div", { class: "modal-box" }, [
      title && S("h3", { class: "text-lg font-bold" }, title),
      children,
      S("div", { class: "modal-action" }, [
        props.actions || Button({ onclick: close }, "Cerrar")
      ])
    ]),
    S("form", { method: "dialog", class: "modal-backdrop" }, [
      S("button", {}, "close")
    ])
  ]);
};

// components/Navbar.js
var exports_Navbar = {};
__export(exports_Navbar, {
  Navbar: () => Navbar
});
var Navbar = (props, children) => {
  const { class: className, ...rest } = props;
  return S("div", {
    ...rest,
    class: `navbar ${className || ""}`.trim()
  }, children);
};

// components/Radial.js
var exports_Radial = {};
__export(exports_Radial, {
  RadialProgress: () => RadialProgress
});
var RadialProgress = (props) => {
  const { class: className, value, max = 100, children, ...rest } = props;
  const percentage = value != null ? value / max * 100 : 0;
  const style = `--value: ${percentage}; --max: 100;`;
  return S("div", {
    ...rest,
    class: `radial-progress ${className || ""}`.trim(),
    style,
    role: "progressbar",
    "aria-valuenow": value,
    "aria-valuemin": 0,
    "aria-valuemax": max
  }, children || `${Math.round(percentage)}%`);
};

// components/Radio.js
var exports_Radio = {};
__export(exports_Radio, {
  Radio: () => Radio
});
var Radio = (props) => {
  const { class: className, label, ...rest } = props;
  const radioEl = S("input", {
    ...rest,
    type: "radio",
    class: `radio ${className || ""}`.trim()
  });
  if (!label)
    return radioEl;
  return S("label", { class: "label cursor-pointer justify-start gap-3" }, [
    radioEl,
    S("span", { class: "label-text" }, label)
  ]);
};

// components/Range.js
var exports_Range = {};
__export(exports_Range, {
  Range: () => Range
});
var Range = (props) => {
  const { class: className, ...rest } = props;
  return S("input", {
    ...rest,
    type: "range",
    class: `range ${className || ""}`.trim()
  });
};

// components/Rating.js
var exports_Rating = {};
__export(exports_Rating, {
  Rating: () => Rating
});
var Rating = (props, children) => {
  const { class: className, count, mask = "mask-star", value, onchange, ...rest } = props;
  const name = `rating-${Math.random().toString(36).slice(2, 7)}`;
  return S("div", {
    ...rest,
    class: `rating ${className || ""}`.trim()
  }, children || Array.from({ length: count || 5 }, (_2, i) => {
    const starValue = i + 1;
    return S("input", {
      type: "radio",
      name,
      class: `mask ${mask}`,
      checked: () => typeof value === "function" ? value() === starValue : value === starValue,
      onchange: () => {
        if (onchange)
          onchange(starValue);
        else if (typeof value === "function")
          value(starValue);
      }
    });
  }));
};

// components/Skeleton.js
var exports_Skeleton = {};
__export(exports_Skeleton, {
  SkeletonText: () => SkeletonText,
  Skeleton: () => Skeleton
});
var Skeleton = (props) => {
  const { class: className, ...rest } = props;
  return S("div", {
    ...rest,
    class: `skeleton ${className || ""}`.trim()
  });
};
var SkeletonText = (props) => {
  const { class: className, lines = 3, ...rest } = props;
  return S("div", { ...rest, class: "space-y-2" }, Array.from({ length: lines }, (_2, i) => S("div", { class: `skeleton h-4 w-full ${className || ""}`.trim() })));
};

// components/Select.js
var exports_Select = {};
__export(exports_Select, {
  Select: () => Select,
  Options: () => Options
});
var Select = (props, children) => {
  const { class: className, ...rest } = props;
  return S("select", {
    ...rest,
    class: `select ${className || ""}`.trim()
  }, children);
};
var Options = (props) => {
  const { items, placeholder, placeholderDisabled = true, ...rest } = props;
  const itemArray = typeof items === "function" ? items() : items || [];
  return [
    placeholder && S("option", { disabled: placeholderDisabled, selected: true }, placeholder),
    K(itemArray, (item) => {
      const val2 = typeof item === "string" ? item : item.value;
      const label = typeof item === "string" ? item : item.label;
      return S("option", { value: val2, ...rest }, label);
    })
  ];
};

// components/Stack.js
var exports_Stack = {};
__export(exports_Stack, {
  Stack: () => Stack
});
var Stack = (props, children) => {
  const { class: className, ...rest } = props;
  return S("div", {
    ...rest,
    class: `stack ${className || ""}`.trim()
  }, children);
};

// components/Stat.js
var exports_Stat = {};
__export(exports_Stat, {
  Stats: () => Stats,
  Stat: () => Stat
});
var Stats = (props, children) => {
  const { class: className, vertical = false, ...rest } = props;
  const direction = vertical ? "stats-vertical" : "stats-horizontal";
  return S("div", {
    ...rest,
    class: `stats ${direction} ${className || ""}`.trim()
  }, children);
};
var Stat = (props) => {
  const { class: className, label, value, desc, icon, actions, children, ...rest } = props;
  if (children !== undefined) {
    return S("div", { ...rest, class: `stat ${className || ""}`.trim() }, children);
  }
  return S("div", { ...rest, class: `stat ${className || ""}`.trim() }, [
    icon && S("div", { class: "stat-figure" }, icon),
    label && S("div", { class: "stat-title" }, label),
    value && S("div", { class: "stat-value" }, value),
    desc && S("div", { class: "stat-desc" }, desc),
    actions && S("div", { class: "stat-actions" }, actions)
  ]);
};

// components/Swap.js
var exports_Swap = {};
__export(exports_Swap, {
  Swap: () => Swap
});
var Swap = (props) => {
  const { class: className, value, on, off, ...rest } = props;
  return S("label", {
    ...rest,
    class: `swap ${className || ""}`.trim()
  }, [
    S("input", {
      type: "checkbox",
      checked: () => typeof value === "function" ? value() : value,
      onchange: (e) => {
        if (typeof value === "function")
          value(e.target.checked);
      }
    }),
    S("div", { class: "swap-on" }, on),
    S("div", { class: "swap-off" }, off)
  ]);
};

// components/Table.js
var exports_Table = {};
__export(exports_Table, {
  Table: () => Table
});
var Table = (props, children) => {
  const { class: className, ...rest } = props;
  return S("table", {
    ...rest,
    class: `table ${className || ""}`.trim()
  }, children);
};

// components/Tabs.js
var exports_Tabs = {};
__export(exports_Tabs, {
  Tabs: () => Tabs
});
var Tabs = (props) => {
  const { items, class: className, onTabClose, ...rest } = props;
  const itemsSignal = typeof items === "function" ? items : () => items || [];
  const activeIndex = B(0);
  R(() => {
    const list = itemsSignal();
    const idx = list.findIndex((it) => {
      const active = it.active;
      return typeof active === "function" ? active() : active;
    });
    if (idx !== -1 && activeIndex() !== idx)
      activeIndex(idx);
  });
  const removeTab = (idx, item) => {
    item.onClose?.();
    onTabClose?.(item, idx);
    const current = itemsSignal();
    if (typeof items !== "function" || items._isComputed)
      return;
    const newItems = current.filter((_2, i) => i !== idx);
    items(newItems);
    if (newItems.length) {
      let newIdx = activeIndex();
      if (idx < newIdx)
        newIdx--;
      else if (idx === newIdx)
        newIdx = Math.min(newIdx, newItems.length - 1);
      activeIndex(newIdx);
    }
  };
  return S("div", { ...rest, class: `tabs ${className || ""}`.trim() }, () => {
    const list = itemsSignal();
    const elements = [];
    for (let i = 0;i < list.length; i++) {
      const item = list[i];
      const label = typeof item.label === "function" ? item.label() : item.label;
      const closable = typeof item.closable === "function" ? item.closable() : item.closable;
      const btnContent = closable ? S("span", { class: "flex items-center" }, [
        label,
        S("span", {
          class: "icon-[lucide--x] w-3.5 h-3.5 ml-2 cursor-pointer hover:opacity-70",
          onclick: (e) => {
            e.stopPropagation();
            removeTab(i, item);
          }
        })
      ]) : label;
      const tabBtn = S("button", {
        class: () => `tab ${activeIndex() === i ? "tab-active" : ""}`,
        onclick: (e) => {
          e.preventDefault();
          const disabled = typeof item.disabled === "function" ? item.disabled() : item.disabled;
          if (!disabled) {
            item.onclick?.();
            activeIndex(i);
          }
        }
      }, btnContent);
      elements.push(item.tip ? S("div", { class: "tooltip", "data-tip": item.tip }, tabBtn) : tabBtn);
      const content = typeof item.content === "function" ? item.content() : item.content;
      elements.push(S("div", {
        class: "tab-content bg-base-100 border-base-300 p-6",
        style: () => `display: ${activeIndex() === i ? "block" : "none"}`
      }, content));
    }
    return elements;
  });
};

// components/Textarea.js
var exports_Textarea = {};
__export(exports_Textarea, {
  Textarea: () => Textarea
});
var Textarea = (props) => {
  const { class: className, ...rest } = props;
  return S("textarea", {
    ...rest,
    class: `textarea ${className || ""}`.trim()
  });
};

// components/TextRotate.js
var exports_TextRotate = {};
__export(exports_TextRotate, {
  TextRotate: () => TextRotate
});
var TextRotate = (props) => {
  const { class: className, words, ...rest } = props;
  const wordsArray = Array.isArray(words) ? words : typeof words === "string" ? words.split(",") : [];
  return S("span", {
    ...rest,
    class: `text-rotate ${className || ""}`.trim()
  }, [
    S("span", {}, wordsArray.map((word) => S("span", {}, word)))
  ]);
};

// components/Timeline.js
var exports_Timeline = {};
__export(exports_Timeline, {
  Timeline: () => Timeline
});
var Timeline = (props, children) => {
  const { class: className, vertical = true, compact = false, ...rest } = props;
  return S("ul", {
    ...rest,
    class: `timeline ${vertical ? "timeline-vertical" : "timeline-horizontal"} ${compact ? "timeline-compact" : ""} ${className || ""}`.trim()
  }, children);
};

// components/Toast.js
var exports_Toast = {};
__export(exports_Toast, {
  Toast: () => Toast
});
var Toast = (message, type = "alert-success", duration = 3500) => {
  let container = document.getElementById("sigpro-toast-container");
  if (!container) {
    container = S("div", {
      id: "sigpro-toast-container",
      class: "fixed top-0 right-0 z-[9999] p-4 flex flex-col gap-2 pointer-events-none"
    });
    document.body.appendChild(container);
  }
  const toastHost = S("div", { style: "display: contents" });
  container.appendChild(toastHost);
  let timeoutId;
  const close = () => {
    clearTimeout(timeoutId);
    const el = toastHost.firstElementChild;
    if (el && !el.classList.contains("opacity-0")) {
      el.classList.add("translate-x-full", "opacity-0");
      setTimeout(() => {
        instance.destroy();
        toastHost.remove();
        if (!container.hasChildNodes())
          container.remove();
      }, 300);
    } else {
      instance.destroy();
      toastHost.remove();
    }
  };
  const ToastComponent = () => {
    const closeIcon = S("span", { class: "icon-[lucide--x]" });
    const closeBtn = S("button", {
      class: "btn btn-xs btn-circle btn-ghost",
      onclick: close
    }, closeIcon);
    const alertDiv = S("div", {
      class: `alert alert-soft ${type} shadow-lg transition-all duration-300 translate-x-10 opacity-0 pointer-events-auto`
    }, [
      S("span", {}, typeof message === "function" ? message() : message),
      closeBtn
    ]);
    requestAnimationFrame(() => alertDiv.classList.remove("translate-x-10", "opacity-0"));
    return alertDiv;
  };
  const instance = H(ToastComponent, toastHost);
  if (duration > 0) {
    timeoutId = setTimeout(close, duration);
  }
  return close;
};

// components/Toggle.js
var exports_Toggle = {};
__export(exports_Toggle, {
  Toggle: () => Toggle
});
var Toggle = (props) => {
  const { class: className, label, ...rest } = props;
  const inputEl = S("input", {
    ...rest,
    type: "checkbox",
    class: `toggle ${className || ""}`.trim()
  });
  if (!label)
    return inputEl;
  return S("label", { class: "label cursor-pointer justify-start gap-3" }, [
    inputEl,
    S("span", { class: "label-text" }, label)
  ]);
};

// components/Tooltip.js
var exports_Tooltip = {};
__export(exports_Tooltip, {
  Tooltip: () => Tooltip
});
var Tooltip = (props, children) => {
  const { class: className, tip, ...rest } = props;
  return S("div", {
    ...rest,
    class: `tooltip ${className || ""}`.trim(),
    "data-tip": tip
  }, children);
};

// utils.js
var i18n = {
  es: {
    close: "Cerrar",
    confirm: "Confirmar",
    cancel: "Cancelar",
    search: "Buscar...",
    loading: "Cargando...",
    nodata: "Sin datos"
  },
  en: {
    close: "Close",
    confirm: "Confirm",
    cancel: "Cancel",
    search: "Search...",
    loading: "Loading...",
    nodata: "No data"
  }
};
var currentLocale = B("es");
var Locale = (t) => currentLocale(t);
var tt = (t) => () => i18n[currentLocale()][t] || t;

// index.js
var Components = {
  ...exports_Accordion,
  ...exports_Alert,
  ...exports_Autocomplete,
  ...exports_Badge,
  ...exports_Button,
  ...exports_Card,
  ...exports_Carousel,
  ...exports_Chat,
  ...exports_Checkbox,
  ...exports_Colorpicker,
  ...exports_Datepicker,
  ...exports_Drawer,
  ...exports_Dropdown,
  ...exports_Fab,
  ...exports_Fieldset,
  ...exports_Fileinput,
  ...exports_Icon,
  ...exports_Indicator,
  ...exports_Kdb,
  ...exports_Input,
  ...exports_List,
  ...exports_Loading,
  ...exports_Menu,
  ...exports_Modal,
  ...exports_Navbar,
  ...exports_Radial,
  ...exports_Radio,
  ...exports_Range,
  ...exports_Rating,
  ...exports_Skeleton,
  ...exports_Select,
  ...exports_Stack,
  ...exports_Stat,
  ...exports_Stat,
  ...exports_Swap,
  ...exports_Table,
  ...exports_Tabs,
  ...exports_Textarea,
  ...exports_TextRotate,
  ...exports_Timeline,
  ...exports_Toast,
  ...exports_Toggle,
  ...exports_Tooltip
};
var Utils = {
  Locale,
  tt
};
if (typeof window !== "undefined") {
  Object.entries({ ...Components, ...Utils }).forEach(([name, value]) => {
    Object.defineProperty(window, name, {
      value,
      writable: false,
      configurable: true,
      enumerable: true
    });
  });
  console.log("SigProUI installed");
}
export {
  Utils,
  Components
};