ranui 0.2.0-alpha.6 → 0.2.1-alpha.1

package/dist/factory-BdsO0dEW.js

@@ -1,165 +0,0 @@
-import { c as l, n as d } from "./mocks-CMGoftIc.js";
-var p = () => ({ current: null }), o = class h {
-  el;
-  constructor(t) {
-    this.el = l ? new d(t) : document.createElement(t);
-  }
-  id(t) {
-    return this.el.setAttribute("id", t), this;
-  }
-  class(t) {
-    return l ? this.el.attributes.set("class", t) : this.el.className = t, 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.el.setAttribute(t, e), this;
-  }
-  attrs(t) {
-    return Object.entries(t).forEach(([e, r]) => {
-      r != null && this.el.setAttribute(e, String(r));
-    }), this;
-  }
-  boolAttr(t, e, r = "") {
-    return e ? this.el.setAttribute(t, r) : this.el.removeAttribute(t), this;
-  }
-  part(t) {
-    return this.el.setAttribute("part", t), this;
-  }
-  data(t, e) {
-    return this.attr(`data-${t}`, e);
-  }
-  style(t, e) {
-    return typeof t == "string" ? this.el.style.setProperty(t, e ?? "") : Object.entries(t).forEach(([r, a]) => this.el.style.setProperty(r, a)), 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, a) {
-    return t.on(this.el, e, r, a), this;
-  }
-  delegate(t, e, r, a, n) {
-    return t.delegate(this.el, e, r, a, n), this;
-  }
-  children(...t) {
-    const e = (r) => r.reduce((a, n) => Array.isArray(n) ? a.concat(e(n)) : a.concat(n), []);
-    return e(t).forEach((r) => {
-      r != null && (r instanceof h ? this.el.appendChild(r.build()) : typeof r == "string" ? l ? this.el.appendChild(r) : this.el.appendChild(document.createTextNode(r)) : this.el.appendChild(r));
-    }), this;
-  }
-  replaceChildren(...t) {
-    if (l) {
-      const e = this.el;
-      e.childrenList = [];
-    } else this.el.replaceChildren();
-    return this.children(...t);
-  }
-  text(t) {
-    return this.el.textContent = t, this;
-  }
-  ref(t) {
-    return t.current = this.el, this;
-  }
-  shadow(t = { mode: "closed" }) {
-    const e = this.el.attachShadow(t);
-    return new u(this.el, e, t);
-  }
-  build() {
-    return this.el;
-  }
-  serialize() {
-    if (l) return this.el.serialize();
-    const t = document.createElement("div");
-    return t.appendChild(this.el.cloneNode(!0)), t.innerHTML;
-  }
-}, u = class {
-  root;
-  hostEl;
-  options;
-  constructor(i, t, e) {
-    this.hostEl = i, this.root = t, this.options = e;
-  }
-  children(...i) {
-    const t = (e) => e.reduce((r, a) => Array.isArray(a) ? r.concat(t(a)) : r.concat(a), []);
-    return t(i).forEach((e) => {
-      e != null && (e instanceof o ? this.root.appendChild(e.build()) : typeof e == "string" ? l ? this.root.appendChild(e) : this.root.appendChild(document.createTextNode(e)) : this.root.appendChild(e));
-    }), this;
-  }
-  adoptSheet(...i) {
-    return this.root.adoptedStyleSheets = [...this.root.adoptedStyleSheets, ...i], this;
-  }
-  css(i) {
-    if (l)
-      return this.root.adoptedStyleSheets.push(i), this;
-    if (typeof CSSStyleSheet < "u") try {
-      const e = new CSSStyleSheet();
-      return e.replaceSync(i), this.root.adoptedStyleSheets = [...this.root.adoptedStyleSheets, e], this;
-    } catch {
-    }
-    const t = document.createElement("style");
-    return t.textContent = i, this.root.appendChild(t), this;
-  }
-  done() {
-    return {
-      host: this.hostEl,
-      shadow: this.root
-    };
-  }
-  serialize() {
-    return l ? this.root.serialize() : this.root.innerHTML;
-  }
-}, s = (i) => new o(i), f = () => s("div"), S = () => s("span"), y = () => s("slot"), b = () => s("button"), v = () => s("input"), C = () => s("style"), E = () => s("label"), w = () => s("ul"), A = () => s("li"), g = () => s("section"), L = () => s("article"), B = () => s("nav"), m = () => s("header"), x = () => s("footer"), H = () => s("main"), N = (i = "open", t = !1) => {
-  const e = s("template");
-  return e.attr("shadowrootmode", i), t && e.attr("shadowrootdelegatesfocus", ""), e;
-};
-export {
-  s as _,
-  x as a,
-  p as b,
-  E as c,
-  B as d,
-  g as f,
-  w as g,
-  C as h,
-  f as i,
-  A as l,
-  S as m,
-  b as n,
-  m as o,
-  y as p,
-  N as r,
-  v as s,
-  L as t,
-  H as u,
-  o as v,
-  u as y
-};

package/dist/route-MQZpn2BP.js

@@ -1,88 +0,0 @@
-import { a as p, i as o, n as l, r as n, t as d } from "./utils-DBfrRFoE.js";
-import { t as m } from "./events-C59wGdni.js";
-import { p as f } from "./factory-BdsO0dEW.js";
-import { a as _, n as b } from "./ssr-DSGwPtEd.js";
-import { getSSGPath as g } from "./utils/router.js";
-var v = ".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:block}:host([hidden]){display:none!important}", w = class extends b {
-  static get observedAttributes() {
-    return [
-      "path",
-      "exact",
-      "sheet"
-    ];
-  }
-  _events = new m();
-  _shadowDom;
-  _params = {};
-  constructor() {
-    super(), this._shadowDom = l(this, v), d(this._shadowDom, "slot", () => f().build());
-  }
-  get path() {
-    return n(this, "path", "/");
-  }
-  set path(t) {
-    o(this, "path", t);
-  }
-  get exact() {
-    return this.hasAttribute("exact");
-  }
-  get params() {
-    return { ...this._params };
-  }
-  get sheet() {
-    return n(this, "sheet");
-  }
-  set sheet(t) {
-    o(this, "sheet", t);
-  }
-  handlerExternalCss = () => {
-    p(this, this._shadowDom, "sheet", null, this.sheet);
-  };
-  _matchPath(t) {
-    const a = this.path, e = {}, r = [], h = a.split("/").map((s) => s.startsWith(":") ? (r.push(s.slice(1)), "([^/]+)") : s === "*" ? "(.*)" : s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("/"), c = this.exact ? new RegExp(`^${h}$`) : new RegExp(`^${h}(?:/.*)?$`), i = t.match(c);
-    return i ? (r.forEach((s, u) => {
-      e[s] = decodeURIComponent(i[u + 1] ?? "");
-    }), {
-      matched: !0,
-      params: e
-    }) : {
-      matched: !1,
-      params: e
-    };
-  }
-  _update(t) {
-    const { matched: a, params: e } = this._matchPath(t);
-    this._params = e, this.hidden = !a, a && this.dispatchEvent(new CustomEvent("routematch", {
-      detail: {
-        path: t,
-        params: e
-      },
-      bubbles: !0
-    }));
-  }
-  _preSerialize() {
-    const t = g();
-    t !== null && this._update(t);
-  }
-  connectedCallback() {
-    this.handlerExternalCss();
-    const t = this.closest("r-router");
-    t && t._currentPath && this._update(t._currentPath);
-  }
-  disconnectedCallback() {
-    this._events.abort();
-  }
-  attributeChangedCallback(t, a, e) {
-    if (a !== e) {
-      if (t === "path" || t === "exact") {
-        const r = this.closest("r-router");
-        r && this._update(r._currentPath);
-      }
-      t === "sheet" && this.handlerExternalCss();
-    }
-  }
-};
-_("r-route", w);
-export {
-  w as t
-};

package/dist/signal-CSSZxlK5.js

@@ -1,57 +0,0 @@
-var c = null, u = null, f = null;
-function b(r, e) {
-  const s = e?.equals ?? Object.is;
-  let t = r;
-  const n = /* @__PURE__ */ new Set();
-  return [() => (c && u && (n.add(c), u.add(n)), t), (o) => {
-    const d = typeof o == "function" ? o(t) : o;
-    if (!s(t, d))
-      if (t = d, f) for (const a of n) f.add(a);
-      else for (const a of [...n]) a();
-  }];
-}
-function p(r) {
-  let e, s = !1;
-  const t = /* @__PURE__ */ new Set(), n = () => {
-    if (s) return;
-    e?.();
-    for (const o of t) o.delete(n);
-    t.clear();
-    const l = c, i = u;
-    c = n, u = t;
-    try {
-      e = r() ?? void 0;
-    } finally {
-      c = l, u = i;
-    }
-  };
-  return n(), () => {
-    s = !0, e?.();
-    for (const l of t) l.delete(n);
-    t.clear();
-  };
-}
-function v(r) {
-  const [e, s] = b(void 0);
-  return p(() => s(r())), e;
-}
-function S(r) {
-  if (f) {
-    r();
-    return;
-  }
-  const e = /* @__PURE__ */ new Set();
-  f = e;
-  try {
-    r();
-  } finally {
-    f = null;
-    for (const s of e) s();
-  }
-}
-export {
-  b as i,
-  v as n,
-  p as r,
-  S as t
-};

package/dist/theme-switch-B_FZvqBN.js

@@ -1,170 +0,0 @@
-import { a as u, i as m, n as b, r as v, t as f } from "./utils-DBfrRFoE.js";
-import { t as g } from "./events-C59wGdni.js";
-import { a as p, n as w } from "./ssr-DSGwPtEd.js";
-var i = "ran-theme", s = null, a = null, o = (e) => {
-  if (e && "style" in e) return e;
-  if (e && "documentElement" in e) return e.documentElement;
-  if (!(typeof document > "u"))
-    return document.documentElement;
-}, l = (e) => {
-  const t = typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches;
-  e.setAttribute("data-ran-theme", t ? "dark" : "light"), e.setAttribute("theme", t ? "dark" : "light");
-}, y = () => {
-  s && a && (s.removeEventListener("change", a), s = null, a = null);
-}, d = (e, t) => {
-  const r = o(t);
-  if (r) {
-    if (y(), e === "system") {
-      if (typeof window > "u") return;
-      l(r), s = window.matchMedia("(prefers-color-scheme: dark)"), a = () => l(r), s.addEventListener("change", a);
-      try {
-        localStorage.setItem(i, "system");
-      } catch {
-      }
-      return;
-    }
-    r.setAttribute("data-ran-theme", e), r.setAttribute("theme", e);
-    try {
-      localStorage.setItem(i, e);
-    } catch {
-    }
-  }
-}, k = (e) => {
-  const t = o(e);
-  if (!t) return "";
-  const r = t.getAttribute("data-ran-theme") || t.getAttribute("theme") || "";
-  if (r === "light" || r === "dark") {
-    try {
-      if (localStorage.getItem(i) === "system") return "system";
-    } catch {
-    }
-    return r;
-  }
-  return "";
-}, _ = (e, t, r) => {
-  const n = o(r);
-  n && n.style.setProperty(e, String(t));
-}, x = (e, t) => {
-  const r = o(t);
-  r && r.style.removeProperty(e);
-}, L = (e, t) => {
-  Object.entries(e).forEach(([r, n]) => {
-    if (n == null) {
-      x(r, t);
-      return;
-    }
-    _(r, n, t);
-  });
-}, z = (e) => {
-  if (!(typeof localStorage > "u"))
-    try {
-      const t = localStorage.getItem(i);
-      (t === "light" || t === "dark" || t === "system") && d(t, e);
-    } catch {
-    }
-}, E = ".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-theme-switch-display, inline-flex);box-sizing:border-box}.ran-theme-switch{display:inline-flex;align-items:center;gap:var(--ran-theme-switch-gap, 2px);padding:var(--ran-theme-switch-padding, 2px);border-width:var(--ran-skin-border-width, 1px);border-style:var(--ran-skin-border-style, solid);border-color:var(--ran-theme-switch-border-color, var(--ran-color-border, #eaeaea));border-radius:var(--ran-theme-switch-radius, var(--ran-radius-full, 9999px));background:var(--ran-theme-switch-background, transparent);box-sizing:border-box}.ran-theme-switch button{width:var(--ran-theme-switch-button-size, 28px);height:var(--ran-theme-switch-button-size, 28px);display:grid;place-items:center;border:none;border-radius:var(--ran-theme-switch-radius, var(--ran-radius-full, 9999px));background:transparent;color:var(--ran-theme-switch-color, var(--ran-color-text-secondary, #4d4d4d));cursor:pointer;padding:0}.ran-theme-switch button:hover{color:var(--ran-theme-switch-hover-color, var(--ran-color-text, #171717))}.ran-theme-switch button[aria-pressed=true]{background:var(--ran-theme-switch-active-background, var(--ran-color-bg-hover, #ebebeb));color:var(--ran-theme-switch-active-color, var(--ran-color-text, #171717))}.ran-theme-switch button:focus-visible{outline:var(--ran-theme-switch-focus-outline, 2px solid var(--ran-color-primary, #006bff));outline-offset:2px}.ran-theme-switch svg{width:var(--ran-theme-switch-icon-size, 16px);height:var(--ran-theme-switch-icon-size, 16px)}", h = [
-  "system",
-  "light",
-  "dark"
-], S = {
-  system: '<svg viewBox="0 0 16 16" aria-hidden="true"><rect x="1.5" y="2.5" width="13" height="9" rx="1.5" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="M5.5 14h5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>',
-  light: '<svg viewBox="0 0 16 16" aria-hidden="true"><circle cx="8" cy="8" r="3" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="M8 1v1.8M8 13.2V15M15 8h-1.8M2.8 8H1m11.4-4.4-1.3 1.3M4.9 11.1l-1.3 1.3m9.8 0-1.3-1.3M4.9 4.9 3.6 3.6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>',
-  dark: '<svg viewBox="0 0 16 16" aria-hidden="true"><path d="M13.5 9.5A6 6 0 0 1 6.5 2.5a6 6 0 1 0 7 7z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg>'
-}, c = "ran-theme-switch-sync", A = class extends w {
-  static get observedAttributes() {
-    return [
-      "label-system",
-      "label-light",
-      "label-dark",
-      "sheet"
-    ];
-  }
-  _events = new g();
-  _shadowDom;
-  _group;
-  constructor() {
-    super(), this._shadowDom = b(this, E), this._group = f(this._shadowDom, ".ran-theme-switch", () => {
-      const e = document.createElement("div");
-      e.className = "ran-theme-switch", e.setAttribute("part", "switch"), e.setAttribute("role", "group");
-      for (const t of h) {
-        const r = document.createElement("button");
-        r.type = "button", r.dataset.choice = t, r.setAttribute("part", `button ${t}`), r.setAttribute("aria-pressed", "false"), r.innerHTML = S[t], e.appendChild(r);
-      }
-      return e;
-    });
-  }
-  get sheet() {
-    return v(this, "sheet");
-  }
-  set sheet(e) {
-    m(this, "sheet", e);
-  }
-  get value() {
-    return k() || "system";
-  }
-  set value(e) {
-    h.includes(e) && this._select(e);
-  }
-  _label(e) {
-    const t = {
-      system: "System theme",
-      light: "Light theme",
-      dark: "Dark theme"
-    }[e];
-    return this.getAttribute(`label-${e}`) || t;
-  }
-  _syncLabels() {
-    this._group.setAttribute("aria-label", this.getAttribute("label") || "Theme");
-    for (const e of this._group.querySelectorAll("button")) e.setAttribute("aria-label", this._label(e.dataset.choice));
-  }
-  _reflect() {
-    const e = this.value;
-    for (const t of this._group.querySelectorAll("button")) t.setAttribute("aria-pressed", t.dataset.choice === e ? "true" : "false");
-  }
-  _select(e) {
-    d(e), this._reflect(), this._syncMeta(e), document.dispatchEvent(new CustomEvent(c)), this.dispatchEvent(new CustomEvent("change", {
-      detail: { theme: e },
-      bubbles: !0,
-      composed: !0
-    }));
-  }
-  _syncMeta(e) {
-    if (typeof requestAnimationFrame > "u") return;
-    const t = document.querySelectorAll('meta[name="theme-color"]');
-    t.length && requestAnimationFrame(() => {
-      for (const r of t)
-        if (r.dataset.ranOriginalContent === void 0 && (r.dataset.ranOriginalContent = r.getAttribute("content") || ""), e === "system") r.setAttribute("content", r.dataset.ranOriginalContent);
-        else {
-          const n = getComputedStyle(document.documentElement).getPropertyValue("--ran-color-bg").trim() || getComputedStyle(document.body).backgroundColor;
-          r.setAttribute("content", n);
-        }
-    });
-  }
-  _handleClick = (e) => {
-    const t = e.target.closest?.("button")?.dataset.choice;
-    t && h.includes(t) && this._select(t);
-  };
-  _handleSync = () => this._reflect();
-  handlerExternalCss = () => {
-    u(this, this._shadowDom, "sheet", null, this.sheet);
-  };
-  connectedCallback() {
-    this.handlerExternalCss(), this._syncLabels(), this._reflect(), this._events.on(this._group, "click", this._handleClick), document.addEventListener(c, this._handleSync), typeof window < "u" && window.addEventListener("storage", this._handleSync);
-  }
-  disconnectedCallback() {
-    this._events.abort(), document.removeEventListener(c, this._handleSync), typeof window < "u" && window.removeEventListener("storage", this._handleSync);
-  }
-  attributeChangedCallback(e, t, r) {
-    t !== r && (e === "sheet" && this.handlerExternalCss(), e.startsWith("label") && this._syncLabels());
-  }
-};
-p("r-theme-switch", A);
-export {
-  d as a,
-  z as i,
-  x as n,
-  _ as o,
-  k as r,
-  L as s,
-  A as t
-};