ranui 0.2.1-alpha.3 → 0.2.1-alpha.4

package/dist/{factory-BkvRcCOx.js → factory-ZNhcQ4tf.js}

@@ -1,6 +1,6 @@
-import { c as h, n as P } from "./mocks-CMGoftIc.js";
-var S = 0, O = 1, m = 2, f = null, c = null, v = 0, y = /* @__PURE__ */ new Set(), g = !1;
-function A(e, t) {
+import { c as d, n as P } from "./mocks-CMGoftIc.js";
+var S = 0, A = 1, m = 2, f = null, l = null, p = 0, y = /* @__PURE__ */ new Set(), g = !1;
+function B(e, t) {
   const r = t?.equals ?? Object.is, n = {
     value: e,
     observers: /* @__PURE__ */ new Set()
@@ -9,25 +9,25 @@ function A(e, t) {
     const a = typeof i == "function" ? i(n.value) : i;
     if (!r(n.value, a)) {
       n.value = a;
-      for (const l of n.observers) E(l, m);
-      v === 0 && j();
+      for (const u of n.observers) N(u, m);
+      p === 0 && j();
     }
   }];
 }
-function I(e, t) {
+function L(e, t) {
   const r = k(e, !1, t?.equals);
-  return D(r), () => (r.disposed || (x(r), R(r)), r.value);
+  return D(r), () => (r.disposed || (I(r), R(r)), r.value);
 }
 function C(e) {
   const t = k(e, !0);
-  return D(t), M(t), () => N(t);
+  return D(t), M(t), () => O(t);
 }
 function Z(e) {
-  v++;
+  p++;
   try {
     e();
   } finally {
-    v--, v === 0 && j();
+    p--, p === 0 && j();
   }
 }
 function ee(e) {
@@ -39,32 +39,32 @@ function ee(e) {
     f = t;
   }
 }
-function B(e) {
+function E(e) {
   const t = {
     owned: [],
     cleanups: [],
-    owner: c
-  }, r = c, n = f;
-  c = t, f = null;
+    owner: l
+  }, r = l, n = f;
+  l = t, f = null;
   try {
     return e(() => $(t));
   } finally {
-    c = r, f = n;
+    l = r, f = n;
   }
 }
-function L(e) {
-  c && c.cleanups.push(e);
+function x(e) {
+  l && l.cleanups.push(e);
 }
 function te() {
-  return c;
+  return l;
 }
 function re(e, t) {
-  const r = c, n = f;
-  c = e, f = null;
+  const r = l, n = f;
+  l = e, f = null;
   try {
     return t();
   } finally {
-    c = r, f = n;
+    l = r, f = n;
   }
 }
 function k(e, t, r) {
@@ -80,144 +80,144 @@ function k(e, t, r) {
     equals: r ?? Object.is,
     owned: [],
     cleanups: [],
-    owner: c
+    owner: l
   };
 }
 function D(e) {
-  c && c.owned.push(e);
+  l && l.owned.push(e);
 }
 function R(e) {
   f && (f.sources.add(e), e.observers.add(f));
 }
-function E(e, t) {
+function N(e, t) {
   if (e.disposed || e.state >= t) return;
   const r = e.state === S;
   if (e.state = t, e.isEffect) y.add(e);
-  else if (r) for (const n of e.observers) E(n, O);
+  else if (r) for (const n of e.observers) N(n, A);
 }
 function j() {
-  if (!(v > 0 || g)) {
+  if (!(p > 0 || g)) {
     g = !0;
     try {
       for (; y.size > 0; ) {
         const e = [...y];
         y.clear();
-        for (const t of e) t.disposed || x(t);
+        for (const t of e) t.disposed || I(t);
       }
     } finally {
       g = !1;
     }
   }
 }
-function x(e) {
+function I(e) {
   if (!(e.disposed || e.state === S)) {
-    if (e.state === O)
-      for (const t of e.sources) "fn" in t && x(t);
+    if (e.state === A)
+      for (const t of e.sources) "fn" in t && I(t);
     e.state === m && M(e), e.state = S;
   }
 }
 function M(e) {
   if (e.running) throw new Error("ranui reactivity: cyclic dependency detected (a computation triggered itself).");
   _(e);
-  const t = f, r = c;
-  f = e, c = e, e.running = !0, e.state = S;
+  const t = f, r = l;
+  f = e, l = e, e.running = !0, e.state = S;
   try {
     const n = e.fn();
     if (e.isEffect)
       typeof n == "function" && e.cleanups.push(n);
     else {
-      const o = e.value;
-      if (e.value = n, e.observers.size > 0 && !e.equals(o, n)) for (const s of e.observers) E(s, m);
+      const s = e.value;
+      if (e.value = n, e.observers.size > 0 && !e.equals(s, n)) for (const o of e.observers) N(o, m);
     }
   } finally {
-    e.running = !1, f = t, c = r;
+    e.running = !1, f = t, l = r;
   }
 }
 function _(e) {
-  for (const t of e.owned) N(t);
+  for (const t of e.owned) O(t);
   e.owned.length = 0;
   for (const t of e.cleanups) t();
   e.cleanups.length = 0;
   for (const t of e.sources) t.observers.delete(e);
   e.sources.clear();
 }
-function N(e) {
+function O(e) {
   e.disposed || (e.disposed = !0, _(e), e.observers.clear());
 }
 function $(e) {
-  for (const t of e.owned) N(t);
+  for (const t of e.owned) O(t);
   e.owned.length = 0;
   for (const t of e.cleanups) t();
   e.cleanups.length = 0;
 }
-var ne = () => ({ current: null }), w = (e) => e.reduce((t, r) => Array.isArray(r) ? t.concat(w(r)) : t.concat(r), []), d = (e) => e == null ? null : e instanceof F ? e.build() : typeof e == "string" ? h ? e : document.createTextNode(e) : e, K = (e, t) => {
-  if (h) {
-    w([t()]).forEach((o) => {
-      const s = d(o);
-      s != null && e.appendChild(s);
-    });
+var ne = () => ({ current: null }), z = (e) => e.reduce((t, r) => Array.isArray(r) ? t.concat(z(r)) : t.concat(r), []), v = (e) => e == null ? null : e instanceof q ? e.build() : typeof e == "string" ? d ? e : document.createTextNode(e) : e, K = (e, t) => {
+  if (d) {
+    w(e, [t()]);
     return;
   }
-  const r = document.createComment("");
-  e.appendChild(r);
-  let n = [];
-  C(() => {
-    const o = w([t()]);
-    for (const a of n) a.parentNode?.removeChild(a);
-    const s = [];
-    let i = r;
-    for (const a of o) {
-      const l = d(a);
-      l != null && (i.after(l), i = l, s.push(l));
+  const r = document.createComment(""), n = document.createComment("");
+  e.appendChild(r), e.appendChild(n);
+  let s = null;
+  const o = () => {
+    s?.(), s = null;
+    let i = r.nextSibling;
+    for (; i && i !== n; ) {
+      const a = i.nextSibling;
+      i.parentNode?.removeChild(i), i = a;
     }
-    n = s;
-  });
-}, z = "__ranFor";
+  };
+  C(() => {
+    const i = t();
+    o();
+    const a = document.createDocumentFragment();
+    s = E((u) => (w(a, [i]), u)), n.parentNode?.insertBefore(a, n);
+  }), x(() => s?.());
+}, F = "__ranFor";
 function se(e) {
   return {
     ...e,
-    [z]: !0
+    [F]: !0
   };
 }
-var V = (e) => typeof e == "object" && e !== null && e[z] === !0;
+var V = (e) => typeof e == "object" && e !== null && e[F] === !0;
 function oe(e) {
-  const t = I(() => !!e.when()), r = () => e.when();
+  const t = L(() => !!e.when()), r = () => e.when();
   return () => t() ? e.children(r) : e.fallback?.() ?? null;
 }
 function ie(e) {
   return e;
 }
 function ae(e) {
-  const t = e.children, r = I(() => t.findIndex((n) => !!n.when()));
+  const t = e.children, r = L(() => t.findIndex((n) => !!n.when()));
   return () => {
     const n = r();
     if (n < 0) return e.fallback?.() ?? null;
-    const o = t[n];
-    return o.children(() => o.when());
+    const s = t[n];
+    return s.children(() => s.when());
   };
 }
 var W = (e, t, r) => {
-  const [n, o] = A(t);
-  let s = null;
-  const i = B((a) => {
-    const l = d(r(e, n));
-    return s = typeof l == "string" ? document.createTextNode(l) : l, a;
+  const [n, s] = B(t);
+  let o = null;
+  const i = E((a) => {
+    const u = v(r(e, n));
+    return o = typeof u == "string" ? document.createTextNode(u) : u, a;
   });
   return {
-    node: s,
-    index: o,
+    node: o,
+    index: s,
     dispose: i
   };
 }, H = (e, t) => {
   const r = e.parentNode;
   if (!r) return;
   let n = e;
-  for (const o of t)
-    n.nextSibling !== o && r.insertBefore(o, n.nextSibling), n = o;
+  for (const s of t)
+    n.nextSibling !== s && r.insertBefore(s, n.nextSibling), n = s;
 }, U = (e, t) => {
-  if (h) {
-    (t.each() ?? []).forEach((o, s) => {
-      const i = d(t.render(o, () => s));
+  if (d) {
+    (t.each() ?? []).forEach((s, o) => {
+      const i = v(t.render(s, () => o));
       i != null && e.appendChild(i);
     });
     return;
@@ -225,20 +225,20 @@ var W = (e, t, r) => {
   const r = document.createComment("");
   e.appendChild(r);
   let n = /* @__PURE__ */ new Map();
-  L(() => {
-    for (const o of n.values()) o.dispose();
+  x(() => {
+    for (const s of n.values()) s.dispose();
     n.clear();
   }), C(() => {
-    const o = t.each() ?? [], s = /* @__PURE__ */ new Map(), i = [];
-    o.forEach((a, l) => {
-      const b = t.key(a, l);
-      if (s.has(b)) return;
-      let p = n.get(b);
-      p ? (n.delete(b), p.index(l)) : p = W(a, l, t.render), s.set(b, p), p.node && i.push(p.node);
+    const s = t.each() ?? [], o = /* @__PURE__ */ new Map(), i = [];
+    s.forEach((a, u) => {
+      const b = t.key(a, u);
+      if (o.has(b)) return;
+      let h = n.get(b);
+      h ? (n.delete(b), h.index(u)) : h = W(a, u, t.render), o.set(b, h), h.node && i.push(h.node);
     });
     for (const a of n.values())
       a.node?.parentNode?.removeChild(a.node), a.dispose();
-    H(r, i), n = s;
+    H(r, i), n = o;
   });
 }, T = "__ranIndex";
 function le(e) {
@@ -248,21 +248,21 @@ function le(e) {
   };
 }
 var X = (e) => typeof e == "object" && e !== null && e[T] === !0, Y = (e, t, r) => {
-  const [n, o] = A(e);
-  let s = null;
-  const i = B((a) => {
-    const l = d(r(n, t));
-    return s = typeof l == "string" ? document.createTextNode(l) : l, a;
+  const [n, s] = B(e);
+  let o = null;
+  const i = E((a) => {
+    const u = v(r(n, t));
+    return o = typeof u == "string" ? document.createTextNode(u) : u, a;
   });
   return {
-    node: s,
-    setItem: o,
+    node: o,
+    setItem: s,
     dispose: i
   };
 }, G = (e, t) => {
-  if (h) {
-    (t.each() ?? []).forEach((o, s) => {
-      const i = d(t.render(() => o, s));
+  if (d) {
+    (t.each() ?? []).forEach((s, o) => {
+      const i = v(t.render(() => s, o));
       i != null && e.appendChild(i);
     });
     return;
@@ -270,20 +270,20 @@ var X = (e) => typeof e == "object" && e !== null && e[T] === !0, Y = (e, t, r)
   const r = document.createComment("");
   e.appendChild(r);
   let n = [];
-  L(() => {
-    for (const o of n) o.dispose();
+  x(() => {
+    for (const s of n) s.dispose();
     n = [];
   }), C(() => {
-    const o = t.each() ?? [];
-    for (let s = 0; s < o.length; s++) s < n.length ? n[s].setItem(o[s]) : n.push(Y(o[s], s, t.render));
-    for (let s = n.length - 1; s >= o.length; s--) {
-      const { node: i } = n[s];
-      i?.parentNode?.removeChild(i), n[s].dispose(), n.pop();
+    const s = t.each() ?? [];
+    for (let o = 0; o < s.length; o++) o < n.length ? n[o].setItem(s[o]) : n.push(Y(s[o], o, t.render));
+    for (let o = n.length - 1; o >= s.length; o--) {
+      const { node: i } = n[o];
+      i?.parentNode?.removeChild(i), n[o].dispose(), n.pop();
     }
-    H(r, n.map((s) => s.node).filter((s) => s != null));
+    H(r, n.map((o) => o.node).filter((o) => o != null));
   });
-}, q = (e, t) => {
-  w(t).forEach((r) => {
+}, w = (e, t) => {
+  z(t).forEach((r) => {
     if (V(r)) {
       U(e, r);
       return;
@@ -296,13 +296,13 @@ var X = (e) => typeof e == "object" && e !== null && e[T] === !0, Y = (e, t, r)
       K(e, r);
       return;
     }
-    const n = d(r);
+    const n = v(r);
     n != null && e.appendChild(n);
   });
-}, F = class {
+}, q = class {
   el;
   constructor(e) {
-    this.el = h ? new P(e) : document.createElement(e);
+    this.el = d ? new P(e) : document.createElement(e);
   }
   id(e) {
     return this.el.setAttribute("id", e), this;
@@ -312,7 +312,7 @@ var X = (e) => typeof e == "object" && e !== null && e[T] === !0, Y = (e, t, r)
   }
   class(e) {
     return this.bind(e, (t) => {
-      h ? this.el.attributes.set("class", t) : this.el.className = t;
+      d ? this.el.attributes.set("class", t) : this.el.className = t;
     }), this;
   }
   addClass(...e) {
@@ -374,14 +374,14 @@ var X = (e) => typeof e == "object" && e !== null && e[T] === !0, Y = (e, t, r)
   listen(e, t, r, n) {
     return e.on(this.el, t, r, n), this;
   }
-  delegate(e, t, r, n, o) {
-    return e.delegate(this.el, t, r, n, o), this;
+  delegate(e, t, r, n, s) {
+    return e.delegate(this.el, t, r, n, s), this;
   }
   children(...e) {
-    return q(this.el, e), this;
+    return w(this.el, e), this;
   }
   replaceChildren(...e) {
-    if (h) {
+    if (d) {
       const t = this.el;
       t.childrenList = [];
     } else this.el.replaceChildren();
@@ -403,7 +403,7 @@ var X = (e) => typeof e == "object" && e !== null && e[T] === !0, Y = (e, t, r)
     return this.el;
   }
   serialize() {
-    if (h) return this.el.serialize();
+    if (d) return this.el.serialize();
     const e = document.createElement("div");
     return e.appendChild(this.el.cloneNode(!0)), e.innerHTML;
   }
@@ -415,13 +415,13 @@ var X = (e) => typeof e == "object" && e !== null && e[T] === !0, Y = (e, t, r)
     this.hostEl = e, this.root = t, this.options = r;
   }
   children(...e) {
-    return q(this.root, e), this;
+    return w(this.root, e), this;
   }
   adoptSheet(...e) {
     return this.root.adoptedStyleSheets = [...this.root.adoptedStyleSheets, ...e], this;
   }
   css(e) {
-    if (h)
+    if (d)
       return this.root.adoptedStyleSheets.push(e), this;
     if (typeof CSSStyleSheet < "u") try {
       const r = new CSSStyleSheet();
@@ -438,24 +438,24 @@ var X = (e) => typeof e == "object" && e !== null && e[T] === !0, Y = (e, t, r)
     };
   }
   serialize() {
-    return h ? this.root.serialize() : this.root.innerHTML;
+    return d ? this.root.serialize() : this.root.innerHTML;
   }
-}, u = (e) => new F(e), ce = () => u("div"), ue = () => u("span"), fe = () => u("slot"), he = () => u("button"), de = () => u("input"), pe = () => u("style"), ve = () => u("label"), be = () => u("ul"), ye = () => u("li"), Se = () => u("section"), we = () => u("article"), me = () => u("nav"), Ce = () => u("header"), ge = () => u("footer"), Ee = () => u("main"), xe = (e = "open", t = !1) => {
-  const r = u("template");
+}, c = (e) => new q(e), ce = () => c("div"), ue = () => c("span"), fe = () => c("slot"), de = () => c("button"), he = () => c("input"), pe = () => c("style"), ve = () => c("label"), be = () => c("ul"), ye = () => c("li"), Se = () => c("section"), we = () => c("article"), me = () => c("nav"), Ce = () => c("header"), ge = () => c("footer"), Ee = () => c("main"), xe = (e = "open", t = !1) => {
+  const r = c("template");
   return r.attr("shadowrootmode", e), t && r.attr("shadowrootdelegatesfocus", ""), r;
 };
 export {
   te as A,
   oe as C,
-  I as D,
+  L as D,
   Z as E,
   re as M,
-  A as N,
+  B as N,
   C as O,
   ee as P,
   J as S,
   ne as T,
-  u as _,
+  c as _,
   ge as a,
   le as b,
   ve as c,
@@ -464,18 +464,18 @@ export {
   be as g,
   pe as h,
   ce as i,
-  L as j,
-  B as k,
+  x as j,
+  E as k,
   ye as l,
   ue as m,
-  he as n,
+  de as n,
   Ce as o,
   fe as p,
   xe as r,
-  de as s,
+  he as s,
   we as t,
   Ee as u,
-  F as v,
+  q as v,
   ae as w,
   ie as x,
   se as y

package/dist/{form-CUJpeQ7Q.js → form-B8afuJlF.js}

@@ -1,5 +1,5 @@
 import { a, n as o, o as i, r as n, t as h } from "./utils-D1iZnChu.js";
-import { _ as l, p as m } from "./factory-BkvRcCOx.js";
+import { _ as l, p as m } from "./factory-ZNhcQ4tf.js";
 import { a as u, n as f } from "./ssr-DSGwPtEd.js";
 var c = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}", d = class extends f {
   _form;

package/dist/form.js

@@ -1,4 +1,4 @@
-import { t as r } from "./form-CUJpeQ7Q.js";
+import { t as r } from "./form-B8afuJlF.js";
 export {
   r as Form,
   r as default

package/dist/{glass-Bj1Zf8Hy.js → glass-BniIptBE.js}

@@ -1,5 +1,5 @@
 import { a, n as o, r as e, t as u } from "./utils-D1iZnChu.js";
-import { i, p as h } from "./factory-BkvRcCOx.js";
+import { i, p as h } from "./factory-ZNhcQ4tf.js";
 import { a as d, n as g } from "./ssr-DSGwPtEd.js";
 var c = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}:host{display:var(--ran-glass-display, inline-block);position:var(--ran-glass-position, relative);border-radius:var(--ran-glass-radius, 20px);isolation:isolate;-webkit-tap-highlight-color:transparent}.ran-glass-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.ran-glass{position:relative;box-sizing:border-box;min-width:var(--ran-glass-min-width, 0);min-height:var(--ran-glass-min-height, 0);padding:var(--ran-glass-padding, 0);border-radius:inherit;overflow:hidden;color:inherit;-webkit-backdrop-filter:blur(var(--ran-glass-blur, 16px)) saturate(var(--ran-glass-saturate, 180%)) brightness(var(--ran-glass-brightness, 1.05));backdrop-filter:blur(var(--ran-glass-blur, 16px)) saturate(var(--ran-glass-saturate, 180%)) brightness(var(--ran-glass-brightness, 1.05)) var(--ran-glass-refraction, url(#ran-glass-filter));background:var(--ran-glass-tint, rgba(255, 255, 255, .14));border:var(--ran-glass-border, 1px solid rgba(255, 255, 255, .35));box-shadow:var(--ran-glass-shadow, inset 0 1px 1px rgba(255, 255, 255, .6), inset 0 0 0 1px rgba(255, 255, 255, .06), inset 0 -20px 40px rgba(255, 255, 255, .04), 0 24px 60px -18px rgba(0, 0, 0, .5));transition:var(--ran-glass-transition, transform var(--ran-motion-duration-base, .2s) var(--ran-motion-ease-spring, cubic-bezier(.34, 1.26, .5, 1)))}.ran-glass-specular{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:var(--ran-glass-specular-opacity, 1);background:var(--ran-glass-specular, linear-gradient(180deg, rgba(255, 255, 255, .28), transparent 34%), radial-gradient(120% 80% at 50% 0%, rgba(255, 255, 255, .18), transparent 60%))}.ran-glass-specular:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.4) 50%,transparent 58%);transform:translate(-130%);opacity:0}:host([sheen]) .ran-glass-specular:after{opacity:.7;animation:ran-glass-sheen var(--ran-glass-sheen-duration, 6s) ease-in-out infinite}@keyframes ran-glass-sheen{50%{transform:translate(130%)}}.ran-glass ::slotted(*){position:relative;z-index:1}:host([interactive]) .ran-glass{cursor:pointer}:host([interactive]:hover) .ran-glass{transform:translateY(-2px)}:host([interactive]:active) .ran-glass{transform:translateY(0) scale(.98);transition-duration:var(--ran-motion-duration-fast, .15s)}@media(prefers-reduced-motion:reduce){:host([sheen]) .ran-glass-specular:after{animation:none;opacity:0}.ran-glass{transition:none}}', p = 0, b = class n extends g {
   _shadowDom;

package/dist/glass.js

@@ -1,4 +1,4 @@
-import { t as s } from "./glass-Bj1Zf8Hy.js";
+import { t as s } from "./glass-BniIptBE.js";
 export {
   s as Glass,
   s as default

package/dist/{icon-CtlZJISZ.js → icon-GZrfSeon.js}

@@ -1,6 +1,6 @@
 import { a as c, n as h, o as d, r as n, t as u } from "./utils-D1iZnChu.js";
 import { t as v } from "./events-C59wGdni.js";
-import { _ as g, i as f } from "./factory-BkvRcCOx.js";
+import { _ as g, i as f } from "./factory-ZNhcQ4tf.js";
 import { a as p, n as m } from "./ssr-DSGwPtEd.js";
 var w = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}:host{display:var(--ran-icon-host-display, inline-flex)}:host([spin]){animation-name:var(--ran-icon-host-spin-animation-name, rotate);animation-duration:var(--ran-icon-host-spin-animation-name, 1.4s);animation-timing-function:linear;animation-iteration-count:var(--ran-icon-host-spin-animation-name, infinite)}.ran-icon{display:var(--ran-icon-display, flex);align-items:var(--ran-icon-align-items, center);justify-content:var(--ran-icon-justify-content, center);color:var(--ran-icon-color, inherit);font-size:var(--ran-icon-font-size, 1em);margin:var(--ran-icon-margin, 0)}.ran-icon svg{width:var(--ran-icon-svg-width, 1em);height:var(--ran-icon-svg-height, 1em);fill:var(--ran-icon-svg-fill, currentColor);stroke:var(--ran-icon-svg-stroke, currentColor)}@keyframes rotate{to{transform:var(--ran-icon-keyframes-to-transform, rotate(360deg))}}", y = {
   success: !0,

package/dist/icon.js

@@ -1,4 +1,4 @@
-import { i as s, n as o, r as e, t } from "./icon-CtlZJISZ.js";
+import { i as s, n as o, r as e, t } from "./icon-GZrfSeon.js";
 export {
   t as Icon,
   o as RAN_ICON_NAMES,

package/dist/icons.js

@@ -1,4 +1,4 @@
-import { n as t, t as i } from "./builtin-BkM0LLof.js";
+import { n as t, t as i } from "./builtin-1lUEp_ro.js";
 export {
   i as BUILTIN_ICON_NAMES,
   t as registerBuiltinIcons