ranui 0.3.1-alpha.1 → 0.4.2-alpha.2

package/dist/eye-BoGpexya.cjs

@@ -0,0 +1,4 @@
+const t=require("./rolldown-runtime-CAnuVJ4g.cjs");var r=t.__exportAll({default:()=>e}),e={success:!0,_identification:!0,data:`<svg t="1665473580103" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7625" width="200" height="200">
+    <path d="M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3-7.7 16.2-7.7 35.2 0 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766z" p-id="7626"></path>
+    <path d="M508 336c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176z m0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z" p-id="7627"></path>
+</svg>`};Object.defineProperty(exports,"eye_default",{enumerable:!0,get:function(){return e}});Object.defineProperty(exports,"eye_exports",{enumerable:!0,get:function(){return r}});

package/dist/eye-close-DdWDFgn0.cjs

@@ -0,0 +1,4 @@
+const t=require("./rolldown-runtime-CAnuVJ4g.cjs");var c=t.__exportAll({default:()=>e}),e={success:!0,_identification:!0,data:`<svg t="1665473540543" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7485" width="200" height="200">
+    <path d="M942.3 486.4l-0.1-0.1-0.1-0.1c-36.4-76.7-80-138.7-130.7-186L760.7 351c43.7 40.2 81.5 93.7 114.1 160.9C791.5 684.2 673.4 766 512 766c-51.3 0-98.3-8.3-141.2-25.1l-54.7 54.7C374.6 823.8 439.8 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0.1-51.3zM878.3 154.2l-42.4-42.4c-3.1-3.1-8.2-3.1-11.3 0L707.8 228.5C649.4 200.2 584.2 186 512 186c-192.2 0-335.4 100.5-430.2 300.3v0.1c-7.7 16.2-7.7 35.2 0 51.5 36.4 76.7 80 138.7 130.7 186.1L111.8 824.5c-3.1 3.1-3.1 8.2 0 11.3l42.4 42.4c3.1 3.1 8.2 3.1 11.3 0l712.8-712.8c3.1-3 3.1-8.1 0-11.2zM398.9 537.4c-1.9-8.2-2.9-16.7-2.9-25.4 0-61.9 50.1-112 112-112 8.7 0 17.3 1 25.4 2.9L398.9 537.4z m184.5-184.5C560.5 342.1 535 336 508 336c-97.2 0-176 78.8-176 176 0 27 6.1 52.5 16.9 75.4L263.3 673c-43.7-40.2-81.5-93.7-114.1-160.9C232.6 339.8 350.7 258 512 258c51.3 0 98.3 8.3 141.2 25.1l-69.8 69.8z" p-id="7486"></path>
+    <path d="M508 624c-6.4 0-12.7-0.5-18.8-1.6l-51.1 51.1c21.4 9.3 45.1 14.4 69.9 14.4 97.2 0 176-78.8 176-176 0-24.8-5.1-48.5-14.4-69.9l-51.1 51.1c1 6.1 1.6 12.4 1.6 18.8C620 573.9 569.9 624 508 624z" p-id="7487"></path>
+</svg>`};Object.defineProperty(exports,"eye_close_default",{enumerable:!0,get:function(){return e}});Object.defineProperty(exports,"eye_close_exports",{enumerable:!0,get:function(){return c}});

package/dist/eye-close-pVr4NTjX.js

@@ -0,0 +1,13 @@
+import { n as c } from "./rolldown-runtime-DkpYurw3.js";
+var l = /* @__PURE__ */ c({ default: () => t }), t = {
+  success: !0,
+  _identification: !0,
+  data: `<svg t="1665473540543" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7485" width="200" height="200">
+    <path d="M942.3 486.4l-0.1-0.1-0.1-0.1c-36.4-76.7-80-138.7-130.7-186L760.7 351c43.7 40.2 81.5 93.7 114.1 160.9C791.5 684.2 673.4 766 512 766c-51.3 0-98.3-8.3-141.2-25.1l-54.7 54.7C374.6 823.8 439.8 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0.1-51.3zM878.3 154.2l-42.4-42.4c-3.1-3.1-8.2-3.1-11.3 0L707.8 228.5C649.4 200.2 584.2 186 512 186c-192.2 0-335.4 100.5-430.2 300.3v0.1c-7.7 16.2-7.7 35.2 0 51.5 36.4 76.7 80 138.7 130.7 186.1L111.8 824.5c-3.1 3.1-3.1 8.2 0 11.3l42.4 42.4c3.1 3.1 8.2 3.1 11.3 0l712.8-712.8c3.1-3 3.1-8.1 0-11.2zM398.9 537.4c-1.9-8.2-2.9-16.7-2.9-25.4 0-61.9 50.1-112 112-112 8.7 0 17.3 1 25.4 2.9L398.9 537.4z m184.5-184.5C560.5 342.1 535 336 508 336c-97.2 0-176 78.8-176 176 0 27 6.1 52.5 16.9 75.4L263.3 673c-43.7-40.2-81.5-93.7-114.1-160.9C232.6 339.8 350.7 258 512 258c51.3 0 98.3 8.3 141.2 25.1l-69.8 69.8z" p-id="7486"></path>
+    <path d="M508 624c-6.4 0-12.7-0.5-18.8-1.6l-51.1 51.1c21.4 9.3 45.1 14.4 69.9 14.4 97.2 0 176-78.8 176-176 0-24.8-5.1-48.5-14.4-69.9l-51.1 51.1c1 6.1 1.6 12.4 1.6 18.8C620 573.9 569.9 624 508 624z" p-id="7487"></path>
+</svg>`
+};
+export {
+  l as n,
+  t
+};

package/dist/eye-j7jzy-2Y.js

@@ -0,0 +1,13 @@
+import { n as t } from "./rolldown-runtime-DkpYurw3.js";
+var a = /* @__PURE__ */ t({ default: () => e }), e = {
+  success: !0,
+  _identification: !0,
+  data: `<svg t="1665473580103" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7625" width="200" height="200">
+    <path d="M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3-7.7 16.2-7.7 35.2 0 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766z" p-id="7626"></path>
+    <path d="M508 336c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176z m0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z" p-id="7627"></path>
+</svg>`
+};
+export {
+  a as n,
+  e as t
+};

package/dist/factory-Bbul5tOL.js

@@ -0,0 +1,653 @@
+import { n as p } from "./utils-xccQZnoa.js";
+var d = typeof document > "u", g = 0, B = 1, w = 2, h = null, l = null, v = 0, m = /* @__PURE__ */ new Set(), A = !1;
+function H(t, e) {
+  const r = e?.equals ?? Object.is, s = {
+    value: t,
+    observers: /* @__PURE__ */ new Set()
+  };
+  return [() => (k(s), s.value), (o) => {
+    const a = typeof o == "function" ? o(s.value) : o;
+    if (!r(s.value, a)) {
+      s.value = a;
+      for (const c of s.observers) M(c, w);
+      v === 0 && R();
+    }
+  }];
+}
+function O(t, e) {
+  const r = T(t, !1, e?.equals);
+  return j(r), () => (r.disposed || ($(r), k(r)), r.value);
+}
+function L(t) {
+  const e = T(t, !0);
+  return j(e), _(e), () => z(e);
+}
+function ot(t) {
+  v++;
+  try {
+    t();
+  } finally {
+    v--, v === 0 && R();
+  }
+}
+function at(t) {
+  const e = h;
+  h = null;
+  try {
+    return t();
+  } finally {
+    h = e;
+  }
+}
+function N(t) {
+  const e = {
+    owned: [],
+    cleanups: [],
+    owner: l
+  }, r = l, s = h;
+  l = e, h = null;
+  try {
+    return t(() => K(e));
+  } finally {
+    l = r, h = s;
+  }
+}
+function x(t) {
+  l && l.cleanups.push(t);
+}
+function lt() {
+  return l;
+}
+function ut(t, e) {
+  const r = l, s = h;
+  l = t, h = null;
+  try {
+    return e();
+  } finally {
+    l = r, h = s;
+  }
+}
+function T(t, e, r) {
+  return {
+    fn: t,
+    sources: /* @__PURE__ */ new Set(),
+    isEffect: e,
+    running: !1,
+    disposed: !1,
+    state: w,
+    observers: /* @__PURE__ */ new Set(),
+    value: void 0,
+    equals: r ?? Object.is,
+    owned: [],
+    cleanups: [],
+    owner: l
+  };
+}
+function j(t) {
+  l && l.owned.push(t);
+}
+function k(t) {
+  h && (h.sources.add(t), t.observers.add(h));
+}
+function M(t, e) {
+  if (t.disposed || t.state >= e) return;
+  const r = t.state === g;
+  if (t.state = e, t.isEffect) m.add(t);
+  else if (r) for (const s of t.observers) M(s, B);
+}
+function R() {
+  if (!(v > 0 || A)) {
+    A = !0;
+    try {
+      for (; m.size > 0; ) {
+        const t = [...m];
+        m.clear();
+        for (const e of t) e.disposed || $(e);
+      }
+    } finally {
+      A = !1;
+    }
+  }
+}
+function $(t) {
+  if (!(t.disposed || t.state === g)) {
+    if (t.state === B)
+      for (const e of t.sources) "fn" in e && $(e);
+    t.state === w && _(t), t.state = g;
+  }
+}
+function _(t) {
+  if (t.running) throw new Error("ranui reactivity: cyclic dependency detected (a computation triggered itself).");
+  q(t);
+  const e = h, r = l;
+  h = t, l = t, t.running = !0, t.state = g;
+  try {
+    const s = t.fn();
+    if (t.isEffect)
+      typeof s == "function" && t.cleanups.push(s);
+    else {
+      const i = t.value;
+      if (t.value = s, t.observers.size > 0 && !t.equals(i, s)) for (const n of t.observers) M(n, w);
+    }
+  } finally {
+    t.running = !1, h = e, l = r;
+  }
+}
+function q(t) {
+  for (const e of t.owned) z(e);
+  t.owned.length = 0;
+  for (const e of t.cleanups) e();
+  t.cleanups.length = 0;
+  for (const e of t.sources) e.observers.delete(t);
+  t.sources.clear();
+}
+function z(t) {
+  t.disposed || (t.disposed = !0, q(t), t.observers.clear());
+}
+function K(t) {
+  for (const e of t.owned) z(e);
+  t.owned.length = 0;
+  for (const e of t.cleanups) e();
+  t.cleanups.length = 0;
+}
+function I(t) {
+  return p(t);
+}
+var U = (t) => typeof t == "string" ? !1 : "tagName" in t && "childrenList" in t, X = (t, e) => {
+  const r = e.trim();
+  if (!r) return !1;
+  if (r.startsWith(".")) return t.classList.contains(r.slice(1));
+  if (r.startsWith("#")) return t.getAttribute("id") === r.slice(1);
+  if (r.startsWith("[") && r.endsWith("]")) {
+    const [s, i] = r.slice(1, -1).trim().split("="), n = (s || "").trim();
+    if (!n) return !1;
+    if (i == null) return t.hasAttribute(n);
+    const o = i.trim().replace(/^['"]|['"]$/g, "");
+    return t.getAttribute(n) === o;
+  }
+  return t.tagName === r.toLowerCase();
+}, C = (t, e, r) => {
+  for (const s of t)
+    U(s) && (X(s, e) && r.push(s), C(s.childrenList, e, r));
+}, E = class {
+  childrenList = [];
+  appendChild(t) {
+    return this.childrenList.push(t), t;
+  }
+  serialize() {
+    return this.childrenList.map((t) => typeof t == "string" ? p(t) : t.serialize()).join("");
+  }
+  querySelector(t) {
+    const e = this.querySelectorAll(t);
+    return e.length > 0 ? e[0] : null;
+  }
+  querySelectorAll(t) {
+    const e = [];
+    return C(this.childrenList, t, e), e;
+  }
+}, Y = class {
+  tagName;
+  attributes = /* @__PURE__ */ new Map();
+  inlineStyles = /* @__PURE__ */ new Map();
+  childrenList = [];
+  shadowRoot = null;
+  textContent = null;
+  content;
+  eventListeners = /* @__PURE__ */ new Map();
+  style = {
+    setProperty: (t, e) => {
+      const r = t.startsWith("--") ? t : t.replace(/([A-Z])/g, "-$1").toLowerCase();
+      this.inlineStyles.set(r, e);
+    },
+    removeProperty: (t) => this.inlineStyles.delete(t)
+  };
+  classList = {
+    add: (...t) => {
+      const e = this.attributes.get("class") || "", r = /* @__PURE__ */ new Set([...e.split(" ").filter(Boolean), ...t]);
+      this.attributes.set("class", Array.from(r).join(" "));
+    },
+    remove: (...t) => {
+      const e = (this.attributes.get("class") || "").split(" ").filter((r) => !t.includes(r));
+      this.attributes.set("class", e.join(" "));
+    },
+    toggle: (t) => {
+      this.classList.contains(t) ? this.classList.remove(t) : this.classList.add(t);
+    },
+    contains: (t) => (this.attributes.get("class") || "").split(" ").includes(t)
+  };
+  _innerHTML = "";
+  get innerHTML() {
+    return this._innerHTML;
+  }
+  set innerHTML(t) {
+    this._innerHTML = t, this.tagName === "template" && this.content && (this.content.childrenList = [t]);
+  }
+  constructor(t = "div") {
+    this.tagName = t.toLowerCase(), this.tagName === "template" && (this.content = new E());
+  }
+  get hidden() {
+    return this.hasAttribute("hidden");
+  }
+  set hidden(t) {
+    t ? this.setAttribute("hidden", "") : this.removeAttribute("hidden");
+  }
+  setAttribute(t, e) {
+    this.attributes.set(t, e);
+  }
+  getAttribute(t) {
+    return this.attributes.get(t) || null;
+  }
+  removeAttribute(t) {
+    this.attributes.delete(t);
+  }
+  hasAttribute(t) {
+    return this.attributes.has(t);
+  }
+  appendChild(t) {
+    return this.childrenList.push(t), t;
+  }
+  attachShadow(t) {
+    return this.shadowRoot = new Z(this, t), this.shadowRoot;
+  }
+  querySelector(t) {
+    const e = this.querySelectorAll(t);
+    return e.length > 0 ? e[0] : null;
+  }
+  querySelectorAll(t) {
+    const e = [];
+    return C(this.childrenList, t, e), e;
+  }
+  addEventListener(t, e) {
+    const r = this.eventListeners.get(t) || /* @__PURE__ */ new Set();
+    r.add(e), this.eventListeners.set(t, r);
+  }
+  removeEventListener(t, e) {
+    const r = this.eventListeners.get(t);
+    r && (r.delete(e), r.size === 0 && this.eventListeners.delete(t));
+  }
+  dispatchEvent(t) {
+    const e = this.eventListeners.get(t.type);
+    if (!e || e.size === 0) return !0;
+    for (const r of e) typeof r == "function" ? r.call(this, t) : r.handleEvent(t);
+    return !t.defaultPrevented;
+  }
+  serialize(t) {
+    typeof this._preSerialize == "function" && this._preSerialize();
+    const e = t || this._ssrTag || this.tagName, r = Array.from(this.attributes.entries()).map(([o, a]) => ` ${o}="${I(a)}"`).join(""), s = Array.from(this.inlineStyles.entries()).map(([o, a]) => `${o}:${a}`).join(";"), i = s ? ` style="${I(s)}"` : "";
+    let n = "";
+    return this.shadowRoot && (n += this.shadowRoot.serialize()), this.textContent !== null ? n += p(this.textContent) : this._innerHTML ? n += this._innerHTML : n += this.childrenList.map((o) => typeof o == "string" ? p(o) : (o instanceof E, o.serialize())).join(""), [
+      "area",
+      "base",
+      "br",
+      "col",
+      "embed",
+      "hr",
+      "img",
+      "input",
+      "link",
+      "meta",
+      "param",
+      "source",
+      "track",
+      "wbr"
+    ].includes(e) && !n ? `<${e}${r}${i} />` : `<${e}${r}${i}>${n}</${e}>`;
+  }
+}, Z = class {
+  host;
+  options;
+  childrenList = [];
+  adoptedStyleSheets = [];
+  constructor(t, e) {
+    this.host = t, this.options = e;
+  }
+  appendChild(t) {
+    return this.childrenList.push(t), t;
+  }
+  querySelector(t) {
+    const e = this.querySelectorAll(t);
+    return e.length > 0 ? e[0] : null;
+  }
+  querySelectorAll(t) {
+    const e = [];
+    return C(this.childrenList, t, e), e;
+  }
+  serialize() {
+    return `<template shadowrootmode="${this.options.mode}"${this.options.delegatesFocus ? " shadowrootdelegatesfocus" : ""}>${this.adoptedStyleSheets.map((t) => `<style>${p(t)}</style>`).join("")}${this.childrenList.map((t) => typeof t == "string" ? p(t) : (t instanceof E, t.serialize())).join("")}</template>`;
+  }
+}, ct = () => ({ current: null }), D = (t) => t.reduce((e, r) => Array.isArray(r) ? e.concat(D(r)) : e.concat(r), []), b = (t) => t == null ? null : t instanceof V ? t.build() : typeof t == "string" ? d ? t : document.createTextNode(t) : t, G = (t, e) => {
+  if (d) {
+    S(t, [e()]);
+    return;
+  }
+  const r = document.createComment(""), s = document.createComment("");
+  t.appendChild(r), t.appendChild(s);
+  let i = null;
+  const n = () => {
+    i?.(), i = null;
+    let o = r.nextSibling;
+    for (; o && o !== s; ) {
+      const a = o.nextSibling;
+      o.parentNode?.removeChild(o), o = a;
+    }
+  };
+  L(() => {
+    const o = e();
+    n();
+    const a = document.createDocumentFragment();
+    i = N((c) => (S(a, [o]), c)), s.parentNode?.insertBefore(a, s);
+  }), x(() => i?.());
+}, F = "__ranFor";
+function ht(t) {
+  return {
+    ...t,
+    [F]: !0
+  };
+}
+var J = (t) => typeof t == "object" && t !== null && t[F] === !0;
+function dt(t) {
+  const e = O(() => !!t.when()), r = () => t.when();
+  return () => e() ? t.children(r) : t.fallback?.() ?? null;
+}
+function ft(t) {
+  return t;
+}
+function pt(t) {
+  const e = t.children, r = O(() => e.findIndex((s) => !!s.when()));
+  return () => {
+    const s = r();
+    if (s < 0) return t.fallback?.() ?? null;
+    const i = e[s];
+    return i.children(() => i.when());
+  };
+}
+var Q = (t, e, r) => {
+  const [s, i] = H(e);
+  let n = null;
+  const o = N((a) => {
+    const c = b(r(t, s));
+    return n = typeof c == "string" ? document.createTextNode(c) : c, a;
+  });
+  return {
+    node: n,
+    index: i,
+    dispose: o
+  };
+}, W = (t, e) => {
+  const r = t.parentNode;
+  if (!r) return;
+  let s = t;
+  for (const i of e)
+    s.nextSibling !== i && r.insertBefore(i, s.nextSibling), s = i;
+}, tt = (t, e) => {
+  if (d) {
+    (e.each() ?? []).forEach((i, n) => {
+      const o = b(e.render(i, () => n));
+      o != null && t.appendChild(o);
+    });
+    return;
+  }
+  const r = document.createComment("");
+  t.appendChild(r);
+  let s = /* @__PURE__ */ new Map();
+  x(() => {
+    for (const i of s.values()) i.dispose();
+    s.clear();
+  }), L(() => {
+    const i = e.each() ?? [], n = /* @__PURE__ */ new Map(), o = [];
+    i.forEach((a, c) => {
+      const y = e.key(a, c);
+      if (n.has(y)) return;
+      let f = s.get(y);
+      f ? (s.delete(y), f.index(c)) : f = Q(a, c, e.render), n.set(y, f), f.node && o.push(f.node);
+    });
+    for (const a of s.values())
+      a.node?.parentNode?.removeChild(a.node), a.dispose();
+    W(r, o), s = n;
+  });
+}, P = "__ranIndex";
+function vt(t) {
+  return {
+    ...t,
+    [P]: !0
+  };
+}
+var et = (t) => typeof t == "object" && t !== null && t[P] === !0, rt = (t, e, r) => {
+  const [s, i] = H(t);
+  let n = null;
+  const o = N((a) => {
+    const c = b(r(s, e));
+    return n = typeof c == "string" ? document.createTextNode(c) : c, a;
+  });
+  return {
+    node: n,
+    setItem: i,
+    dispose: o
+  };
+}, st = (t, e) => {
+  if (d) {
+    (e.each() ?? []).forEach((i, n) => {
+      const o = b(e.render(() => i, n));
+      o != null && t.appendChild(o);
+    });
+    return;
+  }
+  const r = document.createComment("");
+  t.appendChild(r);
+  let s = [];
+  x(() => {
+    for (const i of s) i.dispose();
+    s = [];
+  }), L(() => {
+    const i = e.each() ?? [];
+    for (let n = 0; n < i.length; n++) n < s.length ? s[n].setItem(i[n]) : s.push(rt(i[n], n, e.render));
+    for (let n = s.length - 1; n >= i.length; n--) {
+      const { node: o } = s[n];
+      o?.parentNode?.removeChild(o), s[n].dispose(), s.pop();
+    }
+    W(r, s.map((n) => n.node).filter((n) => n != null));
+  });
+}, S = (t, e) => {
+  D(e).forEach((r) => {
+    if (J(r)) {
+      tt(t, r);
+      return;
+    }
+    if (et(r)) {
+      st(t, r);
+      return;
+    }
+    if (typeof r == "function") {
+      G(t, r);
+      return;
+    }
+    const s = b(r);
+    s != null && t.appendChild(s);
+  });
+}, V = class {
+  el;
+  constructor(t) {
+    this.el = d ? new Y(t) : document.createElement(t);
+  }
+  id(t) {
+    return this.el.setAttribute("id", t), this;
+  }
+  bind(t, e) {
+    typeof t == "function" ? L(() => e(t())) : e(t);
+  }
+  class(t) {
+    return this.bind(t, (e) => {
+      d ? this.el.attributes.set("class", e) : this.el.className = e;
+    }), this;
+  }
+  addClass(...t) {
+    return t.forEach((e) => this.el.classList.add(e)), this;
+  }
+  removeClass(...t) {
+    return t.forEach((e) => this.el.classList.remove(e)), this;
+  }
+  attr(t, e) {
+    return this.bind(e, (r) => this.el.setAttribute(t, r)), this;
+  }
+  attrs(t) {
+    return Object.entries(t).forEach(([e, r]) => {
+      r != null && this.el.setAttribute(e, String(r));
+    }), this;
+  }
+  boolAttr(t, e, r = "") {
+    return this.bind(e, (s) => {
+      s ? this.el.setAttribute(t, r) : this.el.removeAttribute(t);
+    }), this;
+  }
+  part(t) {
+    return this.attr("part", t);
+  }
+  data(t, e) {
+    return this.attr(`data-${t}`, e);
+  }
+  style(t, e) {
+    return typeof t == "string" ? this.bind(e ?? "", (r) => this.el.style.setProperty(t, r)) : Object.entries(t).forEach(([r, s]) => this.el.style.setProperty(r, s)), this;
+  }
+  cssVar(t, e) {
+    const r = t.startsWith("--") ? t : `--${t}`;
+    return this.style(r, e);
+  }
+  aria(t, e) {
+    return this.attr(`aria-${t}`, e);
+  }
+  role(t) {
+    return this.attr("role", t);
+  }
+  tabIndex(t) {
+    return this.attr("tabindex", String(t));
+  }
+  label(t) {
+    return this.aria("label", t);
+  }
+  labelledBy(t) {
+    return this.aria("labelledby", t);
+  }
+  describedBy(t) {
+    return this.aria("describedby", t);
+  }
+  ariaHidden(t = !0) {
+    return this.aria("hidden", String(t));
+  }
+  on(t, e, r) {
+    return this.el.addEventListener(t, e, r), this;
+  }
+  listen(t, e, r, s) {
+    return t.on(this.el, e, r, s), this;
+  }
+  delegate(t, e, r, s, i) {
+    return t.delegate(this.el, e, r, s, i), this;
+  }
+  children(...t) {
+    return S(this.el, t), this;
+  }
+  replaceChildren(...t) {
+    if (d) {
+      const e = this.el;
+      e.childrenList = [];
+    } else this.el.replaceChildren();
+    return this.children(...t);
+  }
+  text(t) {
+    return this.bind(t, (e) => {
+      this.el.textContent = e;
+    }), this;
+  }
+  ref(t) {
+    return t.current = this.el, this;
+  }
+  shadow(t = { mode: "closed" }) {
+    const e = this.el.attachShadow(t);
+    return new nt(this.el, e, t);
+  }
+  build() {
+    return this.el;
+  }
+  serialize() {
+    if (d) return this.el.serialize();
+    const t = document.createElement("div");
+    return t.appendChild(this.el.cloneNode(!0)), t.innerHTML;
+  }
+}, nt = class {
+  root;
+  hostEl;
+  options;
+  constructor(t, e, r) {
+    this.hostEl = t, this.root = e, this.options = r;
+  }
+  children(...t) {
+    return S(this.root, t), this;
+  }
+  adoptSheet(...t) {
+    return this.root.adoptedStyleSheets = [...this.root.adoptedStyleSheets, ...t], this;
+  }
+  css(t) {
+    if (d)
+      return this.root.adoptedStyleSheets.push(t), this;
+    if (typeof CSSStyleSheet < "u") try {
+      const r = new CSSStyleSheet();
+      return r.replaceSync(t), this.root.adoptedStyleSheets = [...this.root.adoptedStyleSheets, r], this;
+    } catch {
+    }
+    const e = document.createElement("style");
+    return e.textContent = t, this.root.appendChild(e), this;
+  }
+  done() {
+    return {
+      host: this.hostEl,
+      shadow: this.root
+    };
+  }
+  serialize() {
+    return d ? this.root.serialize() : this.root.innerHTML;
+  }
+}, u = (t) => new V(t), bt = () => u("div"), yt = () => u("span"), mt = () => u("slot"), gt = () => u("button"), St = () => u("input"), wt = () => u("style"), Lt = () => u("label"), Ct = () => u("ul"), At = () => u("li"), Et = () => u("section"), Nt = () => u("article"), xt = () => u("nav"), Mt = () => u("header"), $t = () => u("footer"), zt = () => u("main"), It = (t = "open", e = !1) => {
+  const r = u("template");
+  return r.attr("shadowrootmode", t), e && r.attr("shadowrootdelegatesfocus", ""), r;
+};
+export {
+  X as A,
+  at as B,
+  dt as C,
+  Y as D,
+  E,
+  N as F,
+  lt as I,
+  x as L,
+  ot as M,
+  O as N,
+  Z as O,
+  L as P,
+  ut as R,
+  nt as S,
+  ct as T,
+  d as V,
+  u as _,
+  $t as a,
+  vt as b,
+  Lt as c,
+  xt as d,
+  Et as f,
+  Ct as g,
+  wt as h,
+  bt as i,
+  I as j,
+  C as k,
+  At as l,
+  yt as m,
+  gt as n,
+  Mt as o,
+  mt as p,
+  It as r,
+  St as s,
+  Nt as t,
+  zt as u,
+  V as v,
+  pt as w,
+  ft as x,
+  ht as y,
+  H as z
+};