@beeq/core 1.8.0-beta.2 → 1.8.0-beta.3

package/dist/beeq/p-3fd0d92d.js

@@ -2,1232 +2,5 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-class t {
-  /**
-   * @type {T}
-   */
-  #t;
-  #e= new Set;
-  /**
-   * @param {T} current
-   */
-  constructor(t) {
-    this.#t = t;
-  }
-  /**
-   * @return {T}
-   */  get current() {
-    return this.#t;
-  }
-  /**
-   * @param {T} value
-   */  set current(t) {
-    this.#t != t && (this.#t = t, this.#e.forEach((e => e(t)))
-    /**
-   * @type {import("hooks").Ref["on"]}
-   */);
-  }
-  on(t) {
-    return this.#e.add(t), () => this.#e.delete(t);
-  }
-}
-
-const Mt = e => new t(e), e = Symbol.for("atomico.hooks");
-
-globalThis[e] = globalThis[e] || {};
-
-let a = globalThis[e];
-
-const u = Symbol.for("Atomico.suspense"), d = Symbol.for("Atomico.effect"), h = Symbol.for("Atomico.layoutEffect"), b = Symbol.for("Atomico.insertionEffect"), O = (t, e, u) => {
-  const {i: d, hooks: h} = a.c, b = h[d] = h[d] || {};
-  return b.value = t(b.value), b.effect = e, b.tag = u, a.c.i++, h[d].value;
-}, se = t => O(((e = Mt(t)) => e)), _ = () => O(((t = Mt(a.c.host)) => t)), Rt = () => a.c.update, oe = (t, e, g = 0) => {
-  let k = {}, D = !1;
-  const o = () => D, c = (t, e) => {
-    for (const a in k) {
-      const u = k[a];
-      u.effect && u.tag === t && (u.value = u.effect(u.value, e));
-    }
-  };
-  return {
-    load: d => {
-      a.c = {
-        host: e,
-        hooks: k,
-        update: t,
-        i: 0,
-        id: g
-      };
-      let h;
-      try {
-        D = !1, h = d();
-      } catch (t) {
-        if (t !== u) throw t;
-        D = !0;
-      } finally {
-        a.c = null;
-      }
-      return h;
-    },
-    cleanEffects: t => (c(b, t), () => (c(h, t), () => {
-      c(d, t);
-    })),
-    isSuspense: o
-  };
-}, g = Symbol.for;
-
-function It(t, e) {
-  const a = t.length;
-  if (a !== e.length) return !1;
-  for (let u = 0; u < a; u++) {
-    let a = t[u], d = e[u];
-    if (a !== d) return !1;
-  }
-  return !0;
-}
-
-const w = t => typeof t == "function", R = t => typeof t == "object", {isArray: k} = Array, et = (t, e) => (e ? t instanceof HTMLStyleElement : !0) && "hydrate" in (t?.dataset || {});
-
-function Ut(t, e) {
-  let a;
-  const s = t => {
-    let {length: u} = t;
-    for (let d = 0; d < u; d++) {
-      const u = t[d];
-      if (u && Array.isArray(u)) s(u); else {
-        const t = typeof u;
-        if (u == null || t === "function" || t === "boolean") continue;
-        t === "string" || t === "number" ? (a == null && (a = ""), a += u) : (a != null && (e(a), 
-        a = null), e(u));
-      }
-    }
-  };
-  s(t), a != null && e(a);
-}
-
-const $t = (t, e, a) => (t.addEventListener(e, a), () => t.removeEventListener(e, a));
-
-class D {
-  /**
-   *
-   * @param {HTMLElement} target
-   * @param {string} message
-   * @param {string} value
-   */
-  constructor(t, e, a) {
-    this.message = e, this.target = t, this.value = a;
-  }
-}
-
-class $ extends D {}
-
-class N extends D {}
-
-const E = "Custom", A = null, B = {
-  true: 1,
-  "": 1,
-  1: 1
-};
-
-function le(t, e, a, u, d) {
-  const {type: h, reflect: b, event: g, value: k, attr: D = ue(e)} = a?.name != E && R(a) && a != A ? a : {
-    type: a
-  }, N = h?.name === E && h.map, B = k != null ? h == Function || !w(k) ? () => k : k : null;
-  Object.defineProperty(t, e, {
-    configurable: !0,
-    /**
-     * @this {import("dom").AtomicoThisInternal}
-     * @param {any} newValue
-     */
-    set(t) {
-      const a = this[e];
-      B && h != Boolean && t == null && (t = B());
-      const {error: u, value: d} = (N ? he : me)(h, t);
-      if (u && d != null) throw new $(this, `The value defined for prop '${e}' must be of type '${h.name}'`, d);
-      a != d && (this._props[e] = d ?? void 0, this.update(), g && jt(this, g), this.updated.then((() => {
-        b && (this._ignoreAttr = D, fe(this, h, D, this[e]), this._ignoreAttr = null);
-      })));
-    },
-    /**
-     * @this {import("dom").AtomicoThisInternal}
-     */
-    get() {
-      return this._props[e];
-    }
-  }), B && (d[e] = B()), u[D] = {
-    prop: e,
-    type: h
-  };
-}
-
-const jt = (t, {type: e, base: a = CustomEvent, ...u}) => t.dispatchEvent(new a(e, u)), ue = t => t.replace(/([A-Z])/g, "-$1").toLowerCase(), fe = (t, e, a, u) => u == null || e == Boolean && !u ? t.removeAttribute(a) : t.setAttribute(a, e?.name === E && e?.serialize ? e?.serialize(u) : R(u) ? JSON.stringify(u) : e == Boolean ? "" : u), de = (t, e) => t == Boolean ? !!B[e] : t == Number ? Number(e) : t == String ? e : t == Array || t == Object ? JSON.parse(e) : t.name == E ? e : 
-// TODO: If when defining reflect the prop can also be of type string?
-new t(e), he = ({map: t}, e) => {
-  try {
-    return {
-      value: t(e),
-      error: !1
-    };
-  } catch {
-    return {
-      value: e,
-      error: !0
-    };
-  }
-}, me = (t, e) => t == null || e == null ? {
-  value: e,
-  error: !1
-} : t != String && e === "" ? {
-  value: void 0,
-  error: !1
-} : t == Object || t == Array || t == Symbol ? {
-  value: e,
-  error: {}.toString.call(e) !== `[object ${t.name}]`
-} : e instanceof t ? {
-  value: e,
-  error: t == Number && Number.isNaN(e.valueOf())
-} : t == String || t == Number || t == Boolean ? {
-  value: e,
-  error: t == Number ? typeof e != "number" ? !0 : Number.isNaN(e) : t == String ? typeof e != "string" : typeof e != "boolean"
-} : {
-  value: e,
-  error: !0
-};
-
-let F = 0;
-
-const pe = t => {
-  const e = (t?.dataset || {})?.hydrate || "";
-  return e || "c" + F++;
-}, j = (t, e = HTMLElement) => {
-  const a = {}, u = {}, d = "prototype" in e && e.prototype instanceof Element, h = d ? e : "base" in e ? e.base : HTMLElement, {props: b, styles: g} = d ? t : e;
-  class k extends h {
-    constructor() {
-      super(), this._setup(), this._render = () => t({
-        ...this._props
-      });
-      for (const t in u) this[t] = u[t];
-    }
-    /**
-     * @returns {import("core").Sheets[]}
-     */    static get styles() {
-      return [ super.styles, g ];
-    }
-    async _setup() {
-      if (this._props) return;
-      this._props = {};
-      let t, e;
-      this.mounted = new Promise((a => this.mount = () => {
-        a(), t != this.parentNode && (e != t ? this.unmounted.then(this.update) : this.update()), 
-        t = this.parentNode;
-      })), this.unmounted = new Promise((u => this.unmount = () => {
-        u(), (t != this.parentNode || !this.isConnected) && (a.cleanEffects(!0)()(), e = this.parentNode, 
-        t = null);
-      })), this.symbolId = this.symbolId || Symbol(), this.symbolIdParent = Symbol();
-      const a = oe((() => this.update()), this, pe(this));
-      let u, d = !0;
-      const h = et(this);
-      this.update = () => (u || (u = !0, this.updated = (this.updated || this.mounted).then((() => {
-        try {
-          const t = a.load(this._render), e = a.cleanEffects();
-          return t && //@ts-ignore
-          t.render(this, this.symbolId, h), u = !1, d && !a.isSuspense() && (d = !1, !h && be(this)), 
-          e();
-        } finally {
-          u = !1;
-        }
-      })).then((
-      /**
-         * @param {import("internal/hooks.js").CleanUseEffects} [cleanUseEffect]
-         */
-      t => {
-        t && t();
-      }))), this.updated), this.update();
-    }
-    connectedCallback() {
-      this.mount(), super.connectedCallback && super.connectedCallback();
-    }
-    disconnectedCallback() {
-      super.disconnectedCallback && super.disconnectedCallback(), this.unmount()
-      /**
-     * @this {import("dom").AtomicoThisInternal}
-     * @param {string} attr
-     * @param {(string|null)} oldValue
-     * @param {(string|null)} value
-     */;
-    }
-    attributeChangedCallback(t, e, u) {
-      if (a[t]) {
-        if (t === this._ignoreAttr || e === u) return;
-        const {prop: d, type: h} = a[t];
-        try {
-          this[d] = de(h, u);
-        } catch {
-          throw new N(this, `The value defined as attr '${t}' cannot be parsed by type '${h.name}'`, u);
-        }
-      } else super.attributeChangedCallback(t, e, u);
-    }
-    static get props() {
-      return {
-        ...super.props,
-        ...b
-      };
-    }
-    static get observedAttributes() {
-      const t = super.observedAttributes || [];
-      for (const t in b) le(this.prototype, t, b[t], a, u);
-      return Object.keys(a).concat(t);
-    }
-  }
-  return k;
-};
-
-function be(t) {
-  const {styles: e} = t.constructor, {shadowRoot: a} = t;
-  if (a && e.length) {
-    const t = [];
-    Ut(e, (e => {
-      e && (e instanceof Element ? a.appendChild(e.cloneNode(!0)) : t.push(e));
-    })), t.length && (a.adoptedStyleSheets = t);
-  }
-}
-
-const Yt = t => (e, a) => {
-  O((
-  /**
-     * Clean the effect hook
-     * @type {import("internal/hooks.js").CollectorEffect}
-     */
-  ([t, e] = []) => ((e || !e) && (e && It(e, a) ? t = t || !0 : (w(t) && t(), t = null)), 
-  [ t, a ])
-  /**
-     * @returns {any}
-     */), (([t, a], u) => u ? (w(t) && t(), []) : [ t || e(), a ]), t);
-}, M = Yt(d), U = Yt(b);
-
-class I extends Array {
-  /**
-   *
-   * @param {any} initialState
-   * @param {(nextState: any, state:any[], mount: boolean )=>void} mapState
-   */
-  constructor(t, e) {
-    let a = !0;
-    const r = t => {
-      try {
-        e(t, this, a);
-      } finally {
-        a = !1;
-      }
-    };
-    super(void 0, r, e), r(t);
-  }
-}
-
-const rt = t => {
-  const e = Rt();
-  return O(((a = new I(t, ((t, a, u) => {
-    t = w(t) ? t(a[0]) : t, t !== a[0] && (a[0] = t, u || e());
-  }))) => a));
-}, T = (t, e) => {
-  const [a] = O((([a, u, d = 0] = []) => ((!u || u && !It(u, e)) && (a = t()), [ a, e, d ])));
-  return a;
-}, ct = t => {
-  const {current: e} = _();
-  if (!(t in e)) throw new $(e, `For useProp("${t}"), the prop does not exist on the host.`, t);
-  return O(((a = new I(e[t], ((a, u) => {
-    a = w(a) ? a(e[t]) : a, e[t] = a;
-  }))) => (a[0] = e[t], a)));
-}, C = (t, e = {}) => {
-  const a = _();
-  return a[t] || (a[t] = (u = e.detail) => jt(a.current, {
-    type: t,
-    ...e,
-    detail: u
-  })), a[t];
-}, Z = g("atomico/options");
-
-globalThis[Z] = globalThis[Z] || {
-  sheet: !!document.adoptedStyleSheets
-};
-
-const W = globalThis[Z], J = {
-  checked: 1,
-  value: 1,
-  selected: 1
-}, q = {
-  list: 1,
-  type: 1,
-  size: 1,
-  form: 1,
-  width: 1,
-  height: 1,
-  src: 1,
-  href: 1,
-  slot: 1
-}, G = {
-  shadowDom: 1,
-  staticNode: 1,
-  cloneNode: 1,
-  children: 1,
-  key: 1
-}, Q = {}, Y = [];
-
-class K extends Text {}
-
-const tt = g("atomico/id"), nt = g("atomico/type"), ot = g("atomico/ref"), st = g("atomico/vnode"), we = () => {};
-
-function Ce(t, e, a) {
-  return Ht(this, t, e, a);
-}
-
-const zt = (t, e, ...a) => {
-  const u = e || Q;
-  let {children: d} = u;
-  if (d = d ?? (a.length ? a : Y), t === we) return d;
-  const h = t ? t instanceof Node ? 1 : 
-  //@ts-ignore
-  t.prototype instanceof HTMLElement && 2 : 0;
-  if (h === !1 && t instanceof Function) return t(d != Y ? {
-    children: d,
-    ...u
-  } : u);
-  const b = W.render || Ce;
-  return {
-    [nt]: st,
-    type: t,
-    props: u,
-    children: d,
-    key: u.key,
-    // key for lists by keys
-    // define if the node declares its shadowDom
-    shadow: u.shadowDom,
-    // allows renderings to run only once
-    static: u.staticNode,
-    // defines whether the type is a childNode `1` or a constructor `2`
-    raw: h,
-    // defines whether to use the second parameter for document.createElement
-    is: u.is,
-    // clone the node if it comes from a reference
-    clone: u.cloneNode,
-    render: b
-  };
-};
-
-function Ht(t, e, a = tt, u, d) {
-  let h;
-  if (e && e[a] && e[a].vnode == t || t[nt] != st) return e;
-  (t || !e) && (d = d || t.type == "svg", h = t.type != "host" && (t.raw == 1 ? (e && t.clone ? e[ot] : e) != t.type : t.raw == 2 ? !(e instanceof t.type) : e ? e[ot] || e.localName != t.type : !e), 
-  h && t.type != null && (t.raw == 1 && t.clone ? (u = !0, e = t.type.cloneNode(!0), 
-  e[ot] = t.type) : e = t.raw == 1 ? t.type : t.raw == 2 ? new t.type : d ? document.createElementNS("http://www.w3.org/2000/svg", t.type) : document.createElement(t.type, t.is ? {
-    is: t.is
-  } : void 0)));
-  const b = e[a] ? e[a] : Q, {vnode: g = Q, cycle: k = 0} = b;
-  let {fragment: D, handlers: $} = b;
-  const {children: N = Y, props: E = Q} = g;
-  if ($ = h ? {} : $ || {}, t.static && !h) return e;
-  if (t.shadow && !e.shadowRoot && // @ts-ignore
-  e.attachShadow({
-    mode: "open",
-    ...t.shadow
-  }), t.props != E && Ne(e, E, t.props, $, d), t.children !== N) {
-    const h = t.shadow ? e.shadowRoot : e;
-    D = Pe(t.children, 
-    /**
-       * @todo for hydration use attribute and send childNodes
-       */
-    D, h, a, 
-    // add support to foreignObject, children will escape from svg
-    !k && u, d && t.type == "foreignObject" ? !1 : d);
-  }
-  return e[a] = {
-    vnode: t,
-    handlers: $,
-    fragment: D,
-    cycle: k + 1
-  }, e;
-}
-
-function Te(t, e) {
-  const a = new K(""), u = new K("");
-  let d;
-  if (t[e ? "prepend" : "append"](a), e) {
-    let {lastElementChild: e} = t;
-    for (;e; ) {
-      const {previousElementSibling: t} = e;
-      if (et(e, !0) && !et(t, !0)) {
-        d = e;
-        break;
-      }
-      e = t;
-    }
-  }
-  return d ? d.before(u) : t.append(u), {
-    markStart: a,
-    markEnd: u
-  };
-}
-
-function Pe(t, e, a, u, d, h) {
-  t = t == null ? null : k(t) ? t : [ t ];
-  const b = e || Te(a, d), {markStart: g, markEnd: D, keyes: $} = b;
-  let N;
-  const E = $ &&  new Set;
-  let A = g;
-  if (t && Ut(t, (t => {
-    if (typeof t == "object" && !t[nt]) return;
-    const e = t[nt] && t.key, b = $ && e != null && $.get(e);
-    A != D && A === b ? E.delete(A) : A = A == D ? D : A.nextSibling;
-    const g = $ ? b : A;
-    let k = g;
-    if (t[nt]) k = Ht(t, g, u, d, h); else {
-      const e = t + "";
-      !(k instanceof Text) || k instanceof K ? k = new Text(e) : k.data != e && (k.data = e);
-    }
-    k != A && ($ && E.delete(k), !g || $ ? (a.insertBefore(k, A), $ && A != D && E.add(A)) : g == D ? a.insertBefore(k, D) : (a.replaceChild(k, g), 
-    A = k)), e != null && (N = N ||  new Map, N.set(e, k));
-  })), A = A == D ? D : A.nextSibling, e && A != D) for (;A != D; ) {
-    const t = A;
-    A = A.nextSibling, t.remove();
-  }
-  return E && E.forEach((t => t.remove())), b.keyes = N, b;
-}
-
-function Ne(t, e, a, u, d) {
-  for (const h in e) !(h in a) && Dt(t, h, e[h], null, d, u);
-  for (const h in a) Dt(t, h, e[h], a[h], d, u);
-}
-
-function Dt(t, e, a, u, d, h) {
-  if (e = e == "class" && !d ? "className" : e, a = a ?? null, u = u ?? null, e in t && J[e] && (a = t[e]), 
-  !(u === a || G[e] || e[0] == "_")) if (e[0] == "o" && e[1] == "n" && (w(u) || w(a))) ke(t, e.slice(2), u, h); else if (e == "ref") u && (w(u) ? u(t) : u.current = t); else if (e == "style") {
-    const {style: e} = t;
-    a = a || "", u = u || "";
-    const d = R(a), h = R(u);
-    if (d) for (const t in a) if (h) !(t in u) && St(e, t, null); else break;
-    if (h) for (const t in u) {
-      const h = u[t];
-      d && a[t] === h || St(e, t, h);
-    } else e.cssText = u;
-  } else {
-    const h = e[0] == "$" ? e.slice(1) : e;
-    h === e && (!d && !q[e] && e in t || w(u) || w(a)) ? t[e] = u ?? "" : u == null ? t.removeAttribute(h) : t.setAttribute(h, R(u) ? JSON.stringify(u) : u);
-  }
-}
-
-function ke(t, e, a, u) {
-  if (u.handleEvent || (u.handleEvent = e => u[e.type].call(t, e)), a) {
-    if (!u[e]) {
-      const d = a.capture || a.once || a.passive ? Object.assign({}, a) : null;
-      t.addEventListener(e, u, d);
-    }
-    u[e] = a;
-  } else u[e] && (t.removeEventListener(e, u), delete u[e]);
-}
-
-function St(t, e, a) {
-  let u = "setProperty";
-  a == null && (u = "removeProperty", a = null), ~e.indexOf("-") ? t[u](e, a) : t[e] = a;
-}
-
-const lt = {};
-
-function z(t, ...e) {
-  const a = (t.raw || t).reduce(((t, a, u) => t + a + (e[u] || "")), "");
-  return lt[a] = lt[a] || Oe(a);
-}
-
-function Oe(t) {
-  if (W.sheet) {
-    const e = new CSSStyleSheet;
-    return e.replaceSync(t), e;
-  } else {
-    const e = document.createElement("style");
-    return e.textContent = t, e;
-  }
-}
-
-const dt = zt("host", {
-  style: "display: contents"
-}), ft = g("atomico/context"), Ae = (t, e) => {
-  const a = _();
-  U((() => $t(a.current, "ConnectContext", (
-  /**
-       * @param {CustomEvent<import("context").DetailConnectContext>} event
-       */
-  a => {
-    t === a.detail.id && (a.stopPropagation(), a.detail.connect(e));
-  }))), [ t ]);
-}, Fe = t => {
-  const e = C("ConnectContext", {
-    bubbles: !0,
-    composed: !0
-  }), n = () => {
-    let a;
-    return e({
-      id: t,
-      connect(t) {
-        a = t;
-      }
-    }), a;
-  }, [a, u] = rt(n);
-  return M((() => {
-    a || (t[ft] || (t[ft] = customElements.whenDefined((new t).localName)), t[ft].then((() => u(n))));
-  }), [ t ]), a;
-}, Re = t => {
-  const e = Fe(t), a = Rt();
-  return M((() => {
-    if (e) return $t(e, "UpdatedValue", a);
-  }), [ e ]), (e || t).value;
-}, Ie = t => {
-  const e = j((() => (Ae(e, _().current), dt)), {
-    props: {
-      value: {
-        type: Object,
-        event: {
-          type: "UpdatedValue"
-        },
-        value: () => t
-      }
-    }
-  });
-  return e.value = t, e;
-}, y = (t, e, a) => (e == null ? e = {
-  key: a
-} : e.key = a, zt(t, e)), pt = y, yt = z`*,*:before,*:after{box-sizing:border-box}button{padding:0;touch-action:manipulation;cursor:pointer;user-select:none}`, bt = z`.vh{position:absolute;transform:scale(0)}`;
-
-function it() {
-  return wt.from( new Date);
-}
-
-function at(t, e = 0) {
-  const a = S(t), u = a.getUTCDay(), d = (u < e ? 7 : 0) + u - e;
-  return a.setUTCDate(a.getUTCDate() - d), wt.from(a);
-}
-
-function Zt(t, e = 0) {
-  return at(t, e).add({
-    days: 6
-  });
-}
-
-function Wt(t) {
-  return wt.from(new Date(Date.UTC(t.year, t.month, 0)));
-}
-
-function H(t, e, a) {
-  return e && wt.compare(t, e) < 0 ? e : a && wt.compare(t, a) > 0 ? a : t;
-}
-
-const gt = {
-  days: 1
-};
-
-function $e(t, e = 0) {
-  let a = at(t.toPlainDate(), e);
-  const u = Zt(Wt(t), e), d = [];
-  for (;wt.compare(a, u) < 0; ) {
-    const t = [];
-    for (let e = 0; e < 7; e++) t.push(a), a = a.add(gt);
-    d.push(t);
-  }
-  return d;
-}
-
-function S(t) {
-  return new Date(Date.UTC(t.year, t.month - 1, t.day ?? 1));
-}
-
-const vt = /^(\d{4})-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[0-1])$/, X = (t, e) => t.toString().padStart(e, "0");
-
-class wt {
-  constructor(t, e, a) {
-    this.year = t, this.month = e, this.day = a;
-  }
-  // this is an incomplete implementation that only handles arithmetic on a single unit at a time.
-  // i didn't want to get into more complex arithmetic since it get tricky fast
-  // this is enough to serve my needs and will still be a drop-in replacement when actual Temporal API lands
-  add(t) {
-    const e = S(this);
-    if ("days" in t) return e.setUTCDate(this.day + t.days), wt.from(e);
-    let {year: a, month: u} = this;
-    "months" in t ? (u = this.month + t.months, e.setUTCMonth(u - 1)) : (a = this.year + t.years, 
-    e.setUTCFullYear(a));
-    const d = wt.from(S({
-      year: a,
-      month: u,
-      day: 1
-    }));
-    return H(wt.from(e), d, Wt(d));
-  }
-  toString() {
-    return `${X(this.year, 4)}-${X(this.month, 2)}-${X(this.day, 2)}`;
-  }
-  toPlainYearMonth() {
-    return new xt(this.year, this.month);
-  }
-  equals(t) {
-    return wt.compare(this, t) === 0;
-  }
-  static compare(t, e) {
-    return t.year < e.year ? -1 : t.year > e.year ? 1 : t.month < e.month ? -1 : t.month > e.month ? 1 : t.day < e.day ? -1 : t.day > e.day ? 1 : 0;
-  }
-  static from(t) {
-    if (typeof t == "string") {
-      const e = t.match(vt);
-      if (!e) throw new TypeError(t);
-      const [, a, u, d] = e;
-      return new wt(parseInt(a, 10), parseInt(u, 10), parseInt(d, 10));
-    }
-    return new wt(t.getUTCFullYear(), t.getUTCMonth() + 1, t.getUTCDate());
-  }
-}
-
-class xt {
-  constructor(t, e) {
-    this.year = t, this.month = e;
-  }
-  add(t) {
-    const e = S(this), a = (t.months ?? 0) + (t.years ?? 0) * 12;
-    return e.setUTCMonth(e.getUTCMonth() + a), new xt(e.getUTCFullYear(), e.getUTCMonth() + 1);
-  }
-  equals(t) {
-    return this.year === t.year && this.month === t.month;
-  }
-  toPlainDate() {
-    return new wt(this.year, this.month, 1);
-  }
-}
-
-function x(t, e) {
-  if (e) try {
-    return t.from(e);
-  } catch {}
-}
-
-function P(t) {
-  const [e, a] = ct(t);
-  return [ T((() => x(wt, e)), [ e ]), t => a(t?.toString()) ];
-}
-
-function _e(t) {
-  const [e = "", a] = ct(t);
-  return [ T((() => {
-    const [t, a] = e.split("/"), u = x(wt, t), d = x(wt, a);
-    return u && d ? [ u, d ] : [];
-  }), [ e ]), t => a(`${t[0]}/${t[1]}`) ];
-}
-
-function je(t) {
-  const [e = "", a] = ct(t);
-  return [ T((() => {
-    const t = [];
-    for (const a of e.trim().split(/\s+/)) {
-      const e = x(wt, a);
-      e && t.push(e);
-    }
-    return t;
-  }), [ e ]), t => a(t.join(" ")) ];
-}
-
-function L(t, e) {
-  return T((() => new Intl.DateTimeFormat(e, {
-    timeZone: "UTC",
-    ...t
-  })), [ e, t ]);
-}
-
-function Ct(t, e, a) {
-  const u = L(t, a);
-  return T((() => {
-    const t = [], a =  new Date;
-    for (var d = 0; d < 7; d++) {
-      const d = (a.getUTCDay() - e + 7) % 7;
-      t[d] = u.format(a), a.setUTCDate(a.getUTCDate() + 1);
-    }
-    return t;
-  }), [ e, u ]);
-}
-
-const Tt = (t, e, a) => H(t, e, a) === t, Pt = t => t.target.matches(":dir(ltr)"), Et = {
-  month: "long",
-  day: "numeric"
-}, At = {
-  month: "long"
-}, Lt = {
-  weekday: "narrow"
-}, Bt = {
-  weekday: "long"
-}, Ft = {
-  bubbles: !0
-};
-
-function ze({props: t, context: e}) {
-  const {offset: a} = t, {firstDayOfWeek: u, isDateDisallowed: d, min: h, max: b, page: g, locale: k, focusedDate: D} = e, $ = it(), N = Ct(Bt, u, k), E = Ct(Lt, u, k), A = L(Et, k), B = L(At, k), F = T((() => g.start.add({
-    months: a
-  })), [ g, a ]), M = T((() => $e(F, u)), [ F, u ]), U = C("focusday", Ft), I = C("selectday", Ft), Z = C("hoverday", Ft);
-  function mt(t) {
-    U(H(t, h, b));
-  }
-  function Gt(t) {
-    let e;
-    switch (t.key) {
-     case "ArrowRight":
-      e = D.add({
-        days: Pt(t) ? 1 : -1
-      });
-      break;
-
-     case "ArrowLeft":
-      e = D.add({
-        days: Pt(t) ? -1 : 1
-      });
-      break;
-
-     case "ArrowDown":
-      e = D.add({
-        days: 7
-      });
-      break;
-
-     case "ArrowUp":
-      e = D.add({
-        days: -7
-      });
-      break;
-
-     case "PageUp":
-      e = D.add(t.shiftKey ? {
-        years: -1
-      } : {
-        months: -1
-      });
-      break;
-
-     case "PageDown":
-      e = D.add(t.shiftKey ? {
-        years: 1
-      } : {
-        months: 1
-      });
-      break;
-
-     case "Home":
-      e = at(D, u);
-      break;
-
-     case "End":
-      e = Zt(D, u);
-      break;
-
-     default:
-      return;
-    }
-    mt(e), t.preventDefault();
-  }
-  function Qt(t) {
-    const a = F.equals(t);
-    if (!e.showOutsideDays && !a) return;
-    const u = t.equals(D), g = t.equals($), k = S(t), N = d?.(k), E = !Tt(t, h, b);
-    let B = "", M;
-    if (e.type === "range") {
-      const [a, u] = e.value, d = a?.equals(t), h = u?.equals(t);
-      M = a && u && Tt(t, a, u), B = `${d ? "range-start" : ""} ${h ? "range-end" : ""} ${M && !d && !h ? "range-inner" : ""}`;
-    } else e.type === "multi" ? M = e.value.some((e => e.equals(t))) : M = e.value?.equals(t);
-    return {
-      part: `${`button day ${// we don't want outside days to ever be shown as selected
-      a ? M ? "selected" : "" : "outside"} ${N ? "disallowed" : ""} ${g ? "today" : ""}`} ${B}`,
-      tabindex: a && u ? 0 : -1,
-      disabled: E,
-      "aria-disabled": N ? "true" : void 0,
-      "aria-pressed": a && M,
-      "aria-current": g ? "date" : void 0,
-      "aria-label": A.format(k),
-      onkeydown: Gt,
-      onclick() {
-        N || I(t), mt(t);
-      },
-      onmouseover() {
-        !N && !E && Z(t);
-      }
-    };
-  }
-  return {
-    weeks: M,
-    yearMonth: F,
-    daysLong: N,
-    daysShort: E,
-    formatter: B,
-    getDayProps: Qt
-  };
-}
-
-const Vt = it(), _t = Ie({
-  type: "date",
-  firstDayOfWeek: 1,
-  isDateDisallowed: () => !1,
-  focusedDate: Vt,
-  page: {
-    start: Vt.toPlainYearMonth(),
-    end: Vt.toPlainYearMonth()
-  }
-});
-
-customElements.define("calendar-month-ctx", _t);
-
-const Jt = j((t => {
-  const e = Re(_t), a = se(), u = ze({
-    props: t,
-    context: e
-  });
-  function r() {
-    a.current.querySelector("button[tabindex='0']")?.focus();
-  }
-  
-  return pt("host", {
-    shadowDom: !0,
-    focus: r,
-    children: [ 
-     y("div", {
-      id: "h",
-      part: "heading",
-      children: u.formatter.format(S(u.yearMonth))
-    }), 
-     pt("table", {
-      ref: a,
-      "aria-labelledby": "h",
-      part: "table",
-      children: [ 
-       y("thead", {
-        children:  y("tr", {
-          part: "tr head",
-          children: u.daysLong.map(((t, e) =>  pt("th", {
-            part: "th",
-            scope: "col",
-            children: [ 
-             y("span", {
-              class: "vh",
-              children: t
-            }), 
-             y("span", {
-              "aria-hidden": "true",
-              children: u.daysShort[e]
-            }) ]
-          })))
-        })
-      }), 
-       y("tbody", {
-        children: u.weeks.map(((t, e) =>  y("tr", {
-          part: "tr week",
-          children: t.map(((t, e) => {
-            const a = u.getDayProps(t);
-            
-            return y("td", {
-              part: "td",
-              children: a &&  y("button", {
-                ...a,
-                children: t.day
-              })
-            }, e);
-          }))
-        }, e)))
-      }) ]
-    }) ]
-  });
-}), {
-  props: {
-    offset: {
-      type: Number,
-      value: 0
-    }
-  },
-  styles: [ yt, bt, z`:host{--color-accent: black;--color-text-on-accent: white;display:flex;flex-direction:column;gap:.25rem;text-align:center;inline-size:fit-content}table{border-collapse:collapse;font-size:.875rem}th{font-weight:700;block-size:2.25rem}td{padding-inline:0}button{color:inherit;font-size:inherit;background:transparent;border:0;font-variant-numeric:tabular-nums;block-size:2.25rem;inline-size:2.25rem}button:hover:where(:not(:disabled,[aria-disabled])){background:#0000000d}button:is([aria-pressed=true],:focus-visible){background:var(--color-accent);color:var(--color-text-on-accent)}button:focus-visible{outline:1px solid var(--color-text-on-accent);outline-offset:-2px}button:disabled,:host::part(outside),:host::part(disallowed){cursor:default;opacity:.5}` ]
-});
-
-customElements.define("calendar-month", Jt);
-
-function Nt(t) {
-  
-  return y("button", {
-    part: `button ${t.name} ${t.onclick ? "" : "disabled"}`,
-    onclick: t.onclick,
-    "aria-disabled": t.onclick ? null : "true",
-    children:  y("slot", {
-      name: t.name,
-      children: t.children
-    })
-  });
-}
-
-function ut(t) {
-  const e = S(t.page.start), a = S(t.page.end);
-  
-  return pt("div", {
-    role: "group",
-    "aria-labelledby": "h",
-    part: "container",
-    children: [ 
-     y("div", {
-      id: "h",
-      class: "vh",
-      "aria-live": "polite",
-      "aria-atomic": "true",
-      children: t.formatVerbose.formatRange(e, a)
-    }), 
-     pt("div", {
-      part: "header",
-      children: [ 
-       y(Nt, {
-        name: "previous",
-        onclick: t.previous,
-        children: "Previous"
-      }), 
-       y("slot", {
-        part: "heading",
-        name: "heading",
-        children:  y("div", {
-          "aria-hidden": "true",
-          children: t.format.formatRange(e, a)
-        })
-      }), 
-       y(Nt, {
-        name: "next",
-        onclick: t.next,
-        children: "Next"
-      }) ]
-    }), 
-     y(_t, {
-      value: t,
-      onselectday: t.onSelect,
-      onfocusday: t.onFocus,
-      onhoverday: t.onHover,
-      children:  y("slot", {})
-    }) ]
-  });
-}
-
-const qt = {
-  value: {
-    type: String,
-    value: ""
-  },
-  min: {
-    type: String,
-    value: ""
-  },
-  max: {
-    type: String,
-    value: ""
-  },
-  isDateDisallowed: {
-    type: Function,
-    value: t => !1
-  },
-  firstDayOfWeek: {
-    type: Number,
-    value: () => 1
-  },
-  showOutsideDays: {
-    type: Boolean,
-    value: !1
-  },
-  locale: {
-    type: String,
-    value: () => {}
-  },
-  months: {
-    type: Number,
-    value: 1
-  },
-  focusedDate: {
-    type: String,
-    value: () => {}
-  },
-  pageBy: {
-    type: String,
-    value: () => "months"
-  }
-}, Kt = [ yt, bt, z`:host{display:block;inline-size:fit-content}[role=group]{display:flex;flex-direction:column;gap:1em}:host::part(header){display:flex;align-items:center;justify-content:space-between}:host::part(heading){font-weight:700;font-size:1.25em}button{display:flex;align-items:center;justify-content:center}button[aria-disabled]{cursor:default;opacity:.5}` ], Xt = {
-  year: "numeric"
-}, te = {
-  year: "numeric",
-  month: "long"
-};
-
-function V(t, e) {
-  return (e.year - t.year) * 12 + e.month - t.month;
-}
-
-const kt = (t, e) => (t = e === 12 ? new xt(t.year, 1) : t, {
-  start: t,
-  end: t.add({
-    months: e - 1
-  })
-});
-
-function Ze({pageBy: t, focusedDate: e, months: a, max: u, min: d, goto: h}) {
-  const b = t === "single" ? 1 : a, [g, k] = rt((() => kt(e.toPlainYearMonth(), a))), i = t => k(kt(g.start.add({
-    months: t
-  }), a)), f = t => {
-    const e = V(g.start, t.toPlainYearMonth());
-    return e >= 0 && e < a;
-  };
-  return M((() => {
-    if (f(e)) return;
-    const t = V(e.toPlainYearMonth(), g.start);
-    h(e.add({
-      months: t
-    }));
-  }), [ g.start ]), M((() => {
-    if (f(e)) return;
-    const t = V(g.start, e.toPlainYearMonth());
-    i(t === -1 ? -b : t === a ? b : Math.floor(t / a) * a);
-  }), [ e, b, a ]), {
-    page: g,
-    previous: !d || !f(d) ? () => i(-b) : void 0,
-    next: !u || !f(u) ? () => i(b) : void 0
-  };
-}
-
-function ht({months: t, pageBy: e, locale: a, focusedDate: u, setFocusedDate: d}) {
-  const [h] = P("min"), [b] = P("max"), g = C("focusday"), k = C("change"), D = T((() => H(u ?? it(), h, b)), [ u, h, b ]);
-  function f(t) {
-    d(t), g(S(t));
-  }
-  const {next: $, previous: N, page: E} = Ze({
-    pageBy: e,
-    focusedDate: D,
-    months: t,
-    min: h,
-    max: b,
-    goto: f
-  }), A = _();
-  function p() {
-    A.current.querySelectorAll("calendar-month").forEach((t => t.focus()));
-  }
-  return {
-    format: L(Xt, a),
-    formatVerbose: L(te, a),
-    page: E,
-    focusedDate: D,
-    dispatch: k,
-    onFocus(t) {
-      t.stopPropagation(), f(t.detail), setTimeout(p);
-    },
-    min: h,
-    max: b,
-    next: $,
-    previous: N,
-    focus: p
-  };
-}
-
-const ee = j((t => {
-  const [e, a] = P("value"), [u = e, d] = P("focusedDate"), h = ht({
-    ...t,
-    focusedDate: u,
-    setFocusedDate: d
-  });
-  function c(t) {
-    a(t.detail), h.dispatch();
-  }
-  
-  return y("host", {
-    shadowDom: !0,
-    focus: h.focus,
-    children:  y(ut, {
-      ...t,
-      ...h,
-      type: "date",
-      value: e,
-      onSelect: c
-    })
-  });
-}), {
-  props: qt,
-  styles: Kt
-});
-
-customElements.define("calendar-date", ee);
-
-const Ot = (t, e) => wt.compare(t, e) < 0 ? [ t, e ] : [ e, t ], ne = j((t => {
-  const [e, a] = _e("value"), [u = e[0], d] = P("focusedDate"), h = ht({
-    ...t,
-    focusedDate: u,
-    setFocusedDate: d
-  }), b = C("rangestart"), g = C("rangeend"), [k, D] = P("tentative"), [$, N] = rt();
-  M((() => N(void 0)), [ k ]);
-  function l(t) {
-    h.onFocus(t), m(t);
-  }
-  function m(t) {
-    t.stopPropagation(), k && N(t.detail);
-  }
-  function v(t) {
-    const e = t.detail;
-    t.stopPropagation(), k ? (a(Ot(k, e)), D(void 0), g(S(e)), h.dispatch()) : (D(e), 
-    b(S(e)));
-  }
-  const E = k ? Ot(k, $ ?? k) : e;
-  
-  return y("host", {
-    shadowDom: !0,
-    focus: h.focus,
-    children:  y(ut, {
-      ...t,
-      ...h,
-      type: "range",
-      value: E,
-      onFocus: l,
-      onHover: m,
-      onSelect: v
-    })
-  });
-}), {
-  props: {
-    ...qt,
-    tentative: {
-      type: String,
-      value: ""
-    }
-  },
-  styles: Kt
-});
-
-customElements.define("calendar-range", ne);
-
-const re = j((t => {
-  const [e, a] = je("value"), [u = e[0], d] = P("focusedDate"), h = ht({
-    ...t,
-    focusedDate: u,
-    setFocusedDate: d
-  });
-  function c(t) {
-    const u = [ ...e ], d = e.findIndex((e => e.equals(t.detail)));
-    d < 0 ? u.push(t.detail) : u.splice(d, 1), a(u), h.dispatch();
-  }
-  
-  return y("host", {
-    shadowDom: !0,
-    focus: h.focus,
-    children:  y(ut, {
-      ...t,
-      ...h,
-      type: "multi",
-      value: e,
-      onSelect: c
-    })
-  });
-}), {
-  props: qt,
-  styles: Kt
-});
-
-customElements.define("calendar-multi", re);
-
-const globalFn = () => {};
-
-const ie = globalFn;
-
-export { ie as g };
+class t{#t;#e=new Set;constructor(t){this.#t=t}get current(){return this.#t}set current(t){this.#t!=t&&(this.#t=t,this.#e.forEach((e=>e(t))))}on(t){return this.#e.add(t),()=>this.#e.delete(t)}}const e=e=>new t(e),n=Symbol.for("atomico.hooks");globalThis[n]=globalThis[n]||{};let o=globalThis[n];const s=Symbol.for("Atomico.suspense"),r=Symbol.for("Atomico.effect"),i=Symbol.for("Atomico.layoutEffect"),c=Symbol.for("Atomico.insertionEffect"),a=(t,e,n)=>{const{i:s,hooks:r}=o.c,i=r[s]=r[s]||{};return i.value=t(i.value),i.effect=e,i.tag=n,o.c.i++,r[s].value},l=t=>a(((n=e(t))=>n)),u=()=>a(((t=e(o.c.host))=>t)),d=()=>o.c.update,h=(t,e,n=0)=>{let a={},l=!1;const u=()=>l,d=(t,e)=>{for(const n in a){const o=a[n];o.effect&&o.tag===t&&(o.value=o.effect(o.value,e))}};return{load:r=>{o.c={host:e,hooks:a,update:t,i:0,id:n};let i;try{l=!1,i=r()}catch(t){if(t!==s)throw t;l=!0}finally{o.c=null}return i},cleanEffects:t=>(d(c,t),()=>(d(i,t),()=>{d(r,t)})),isSuspense:u}},f=Symbol.for;function p(t,e){const n=t.length;if(n!==e.length)return!1;for(let o=0;o<n;o++){let n=t[o],s=e[o];if(n!==s)return!1}return!0}const m=t=>typeof t=="function",y=t=>typeof t=="object",{isArray:b}=Array,g=(t,e)=>(e?t instanceof HTMLStyleElement:!0)&&"hydrate"in(t?.dataset||{});function v(t,e){let n;const o=t=>{let{length:s}=t;for(let r=0;r<s;r++){const s=t[r];if(s&&Array.isArray(s))o(s);else{const t=typeof s;if(s==null||t==="function"||t==="boolean")continue;t==="string"||t==="number"?(n==null&&(n=""),n+=s):(n!=null&&(e(n),n=null),e(s))}}};o(t),n!=null&&e(n)}const w=(t,e,n)=>(t.addEventListener(e,n),()=>t.removeEventListener(e,n));class k{constructor(t,e,n){this.message=e,this.target=t,this.value=n}}class x extends k{}class D extends k{}const S="Custom",$=null,E={true:1,"":1,1:1};function N(t,e,n,o,s){const{type:r,reflect:i,event:c,value:a,attr:l=A(e)}=n?.name!=S&&y(n)&&n!=$?n:{type:n},u=r?.name===S&&r.map,d=a!=null?r==Function||!m(a)?()=>a:a:null;Object.defineProperty(t,e,{configurable:!0,set(t){const n=this[e];d&&r!=Boolean&&t==null&&(t=d());const{error:o,value:s}=(u?j:P)(r,t);if(o&&s!=null)throw new x(this,`The value defined for prop '${e}' must be of type '${r.name}'`,s);n!=s&&(this._props[e]=s??void 0,this.update(),c&&T(this,c),this.updated.then((()=>{i&&(this._ignoreAttr=l,O(this,r,l,this[e]),this._ignoreAttr=null)})))},get(){return this._props[e]}}),d&&(s[e]=d()),o[l]={prop:e,type:r}}const T=(t,{type:e,base:n=CustomEvent,...o})=>t.dispatchEvent(new n(e,o)),A=t=>t.replace(/([A-Z])/g,"-$1").toLowerCase(),O=(t,e,n,o)=>o==null||e==Boolean&&!o?t.removeAttribute(n):t.setAttribute(n,e?.name===S&&e?.serialize?e?.serialize(o):y(o)?JSON.stringify(o):e==Boolean?"":o),C=(t,e)=>t==Boolean?!!E[e]:t==Number?Number(e):t==String?e:t==Array||t==Object?JSON.parse(e):t.name==S?e:new t(e),j=({map:t},e)=>{try{return{value:t(e),error:!1}}catch{return{value:e,error:!0}}},P=(t,e)=>t==null||e==null?{value:e,error:!1}:t!=String&&e===""?{value:void 0,error:!1}:t==Object||t==Array||t==Symbol?{value:e,error:{}.toString.call(e)!==`[object ${t.name}]`}:e instanceof t?{value:e,error:t==Number&&Number.isNaN(e.valueOf())}:t==String||t==Number||t==Boolean?{value:e,error:t==Number?typeof e!="number"?!0:Number.isNaN(e):t==String?typeof e!="string":typeof e!="boolean"}:{value:e,error:!0};let z=0;const B=t=>{const e=(t?.dataset||{})?.hydrate||"";return e||"c"+z++},F=(t,e=HTMLElement)=>{const n={},o={},s="prototype"in e&&e.prototype instanceof Element,r=s?e:"base"in e?e.base:HTMLElement,{props:i,styles:c}=s?t:e;class a extends r{constructor(){super(),this._setup(),this._render=()=>t({...this._props});for(const t in o)this[t]=o[t]}static get styles(){return[super.styles,c]}async _setup(){if(this._props)return;this._props={};let t,e;this.mounted=new Promise((n=>this.mount=()=>{n(),t!=this.parentNode&&(e!=t?this.unmounted.then(this.update):this.update()),t=this.parentNode})),this.unmounted=new Promise((o=>this.unmount=()=>{o(),(t!=this.parentNode||!this.isConnected)&&(n.cleanEffects(!0)()(),e=this.parentNode,t=null)})),this.symbolId=this.symbolId||Symbol(),this.symbolIdParent=Symbol();const n=h((()=>this.update()),this,B(this));let o,s=!0;const r=g(this);this.update=()=>(o||(o=!0,this.updated=(this.updated||this.mounted).then((()=>{try{const t=n.load(this._render),e=n.cleanEffects();return t&&t.render(this,this.symbolId,r),o=!1,s&&!n.isSuspense()&&(s=!1,!r&&M(this)),e()}finally{o=!1}})).then((t=>{t&&t()}))),this.updated),this.update()}connectedCallback(){this.mount(),super.connectedCallback&&super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),this.unmount()}attributeChangedCallback(t,e,o){if(n[t]){if(t===this._ignoreAttr||e===o)return;const{prop:s,type:r}=n[t];try{this[s]=C(r,o)}catch{throw new D(this,`The value defined as attr '${t}' cannot be parsed by type '${r.name}'`,o)}}else super.attributeChangedCallback(t,e,o)}static get props(){return{...super.props,...i}}static get observedAttributes(){const t=super.observedAttributes||[];for(const t in i)N(this.prototype,t,i[t],n,o);return Object.keys(n).concat(t)}}return a};function M(t){const{styles:e}=t.constructor,{shadowRoot:n}=t;if(n&&e.length){const t=[];v(e,(e=>{e&&(e instanceof Element?n.appendChild(e.cloneNode(!0)):t.push(e))})),t.length&&(n.adoptedStyleSheets=t)}}const H=t=>(e,n)=>{a((([t,e]=[])=>((e||!e)&&(e&&p(e,n)?t=t||!0:(m(t)&&t(),t=null)),[t,n])),(([t,n],o)=>o?(m(t)&&t(),[]):[t||e(),n]),t)},L=H(r),U=H(c);class I extends Array{constructor(t,e){let n=!0;const o=t=>{try{e(t,this,n)}finally{n=!1}};super(void 0,o,e),o(t)}}const J=t=>{const e=d();return a(((n=new I(t,((t,n,o)=>{t=m(t)?t(n[0]):t,t!==n[0]&&(n[0]=t,o||e())})))=>n))},V=(t,e)=>{const[n]=a((([n,o,s=0]=[])=>((!o||o&&!p(o,e))&&(n=t()),[n,e,s])));return n},W=t=>{const{current:e}=u();if(!(t in e))throw new x(e,`For useProp("${t}"), the prop does not exist on the host.`,t);return a(((n=new I(e[t],((n,o)=>{n=m(n)?n(e[t]):n,e[t]=n})))=>(n[0]=e[t],n)))},q=(t,e={})=>{const n=u();return n[t]||(n[t]=(o=e.detail)=>T(n.current,{type:t,...e,detail:o})),n[t]},R=f("atomico/options");globalThis[R]=globalThis[R]||{sheet:!!document.adoptedStyleSheets};const Z=globalThis[R],_={checked:1,value:1,selected:1},Y={list:1,type:1,size:1,form:1,width:1,height:1,src:1,href:1,slot:1},G={shadowDom:1,staticNode:1,cloneNode:1,children:1,key:1},K={},Q=[];class X extends Text{}const tt=f("atomico/id"),et=f("atomico/type"),nt=f("atomico/ref"),ot=f("atomico/vnode"),st=()=>{};function rt(t,e,n){return ct(this,t,e,n)}const it=(t,e,...n)=>{const o=e||K;let{children:s}=o;if(s=s??(n.length?n:Q),t===st)return s;const r=t?t instanceof Node?1:t.prototype instanceof HTMLElement&&2:0;if(r===!1&&t instanceof Function)return t(s!=Q?{children:s,...o}:o);const i=Z.render||rt;return{[et]:ot,type:t,props:o,children:s,key:o.key,shadow:o.shadowDom,static:o.staticNode,raw:r,is:o.is,clone:o.cloneNode,render:i}};function ct(t,e,n=tt,o,s){let r;if(e&&e[n]&&e[n].vnode==t||t[et]!=ot)return e;(t||!e)&&(s=s||t.type=="svg",r=t.type!="host"&&(t.raw==1?(e&&t.clone?e[nt]:e)!=t.type:t.raw==2?!(e instanceof t.type):e?e[nt]||e.localName!=t.type:!e),r&&t.type!=null&&(t.raw==1&&t.clone?(o=!0,e=t.type.cloneNode(!0),e[nt]=t.type):e=t.raw==1?t.type:t.raw==2?new t.type:s?document.createElementNS("http://www.w3.org/2000/svg",t.type):document.createElement(t.type,t.is?{is:t.is}:void 0)));const i=e[n]?e[n]:K,{vnode:c=K,cycle:a=0}=i;let{fragment:l,handlers:u}=i;const{children:d=Q,props:h=K}=c;if(u=r?{}:u||{},t.static&&!r)return e;if(t.shadow&&!e.shadowRoot&&e.attachShadow({mode:"open",...t.shadow}),t.props!=h&&ut(e,h,t.props,u,s),t.children!==d){const r=t.shadow?e.shadowRoot:e;l=lt(t.children,l,r,n,!a&&o,s&&t.type=="foreignObject"?!1:s)}return e[n]={vnode:t,handlers:u,fragment:l,cycle:a+1},e}function at(t,e){const n=new X(""),o=new X("");let s;if(t[e?"prepend":"append"](n),e){let{lastElementChild:e}=t;for(;e;){const{previousElementSibling:t}=e;if(g(e,!0)&&!g(t,!0)){s=e;break}e=t}}return s?s.before(o):t.append(o),{markStart:n,markEnd:o}}function lt(t,e,n,o,s,r){t=t==null?null:b(t)?t:[t];const i=e||at(n,s),{markStart:c,markEnd:a,keyes:l}=i;let u;const d=l&&new Set;let h=c;if(t&&v(t,(t=>{if(typeof t=="object"&&!t[et])return;const e=t[et]&&t.key,i=l&&e!=null&&l.get(e);h!=a&&h===i?d.delete(h):h=h==a?a:h.nextSibling;const c=l?i:h;let f=c;if(t[et])f=ct(t,c,o,s,r);else{const e=t+"";!(f instanceof Text)||f instanceof X?f=new Text(e):f.data!=e&&(f.data=e)}f!=h&&(l&&d.delete(f),!c||l?(n.insertBefore(f,h),l&&h!=a&&d.add(h)):c==a?n.insertBefore(f,a):(n.replaceChild(f,c),h=f)),e!=null&&(u=u||new Map,u.set(e,f))})),h=h==a?a:h.nextSibling,e&&h!=a)for(;h!=a;){const t=h;h=h.nextSibling,t.remove()}return d&&d.forEach((t=>t.remove())),i.keyes=u,i}function ut(t,e,n,o,s){for(const r in e)!(r in n)&&dt(t,r,e[r],null,s,o);for(const r in n)dt(t,r,e[r],n[r],s,o)}function dt(t,e,n,o,s,r){if(e=e=="class"&&!s?"className":e,n=n??null,o=o??null,e in t&&_[e]&&(n=t[e]),!(o===n||G[e]||e[0]=="_"))if(e[0]=="o"&&e[1]=="n"&&(m(o)||m(n)))ht(t,e.slice(2),o,r);else if(e=="ref")o&&(m(o)?o(t):o.current=t);else if(e=="style"){const{style:e}=t;n=n||"",o=o||"";const s=y(n),r=y(o);if(s)for(const t in n)if(r)!(t in o)&&ft(e,t,null);else break;if(r)for(const t in o){const r=o[t];s&&n[t]===r||ft(e,t,r)}else e.cssText=o}else{const r=e[0]=="$"?e.slice(1):e;r===e&&(!s&&!Y[e]&&e in t||m(o)||m(n))?t[e]=o??"":o==null?t.removeAttribute(r):t.setAttribute(r,y(o)?JSON.stringify(o):o)}}function ht(t,e,n,o){if(o.handleEvent||(o.handleEvent=e=>o[e.type].call(t,e)),n){if(!o[e]){const s=n.capture||n.once||n.passive?Object.assign({},n):null;t.addEventListener(e,o,s)}o[e]=n}else o[e]&&(t.removeEventListener(e,o),delete o[e])}function ft(t,e,n){let o="setProperty";n==null&&(o="removeProperty",n=null),~e.indexOf("-")?t[o](e,n):t[e]=n}const pt={};function mt(t,...e){const n=(t.raw||t).reduce(((t,n,o)=>t+n+(e[o]||"")),"");return pt[n]=pt[n]||yt(n)}function yt(t){if(Z.sheet){const e=new CSSStyleSheet;return e.replaceSync(t),e}else{const e=document.createElement("style");return e.textContent=t,e}}const bt=it("host",{style:"display: contents"}),gt=f("atomico/context"),vt=(t,e)=>{const n=u();U((()=>w(n.current,"ConnectContext",(n=>{t===n.detail.id&&(n.stopPropagation(),n.detail.connect(e))}))),[t])},wt=t=>{const e=q("ConnectContext",{bubbles:!0,composed:!0}),n=()=>{let n;return e({id:t,connect(t){n=t}}),n},[o,s]=J(n);return L((()=>{o||(t[gt]||(t[gt]=customElements.whenDefined((new t).localName)),t[gt].then((()=>s(n))))}),[t]),o},kt=t=>{const e=wt(t),n=d();return L((()=>{if(e)return w(e,"UpdatedValue",n)}),[e]),(e||t).value},xt=t=>{const e=F((()=>(vt(e,u().current),bt)),{props:{value:{type:Object,event:{type:"UpdatedValue"},value:()=>t}}});return e.value=t,e},Dt=(t,e,n)=>(e==null?e={key:n}:e.key=n,it(t,e)),St=Dt,$t=mt`*,*:before,*:after{box-sizing:border-box}button{padding:0;touch-action:manipulation;cursor:pointer;user-select:none}`,Et=mt`.vh{position:absolute;transform:scale(0)}`;function Nt(){return Mt.from(new Date)}function Tt(t,e=0){const n=zt(t),o=n.getUTCDay(),s=(o<e?7:0)+o-e;return n.setUTCDate(n.getUTCDate()-s),Mt.from(n)}function At(t,e=0){return Tt(t,e).add({days:6})}function Ot(t){return Mt.from(new Date(Date.UTC(t.year,t.month,0)))}function Ct(t,e,n){return e&&Mt.compare(t,e)<0?e:n&&Mt.compare(t,n)>0?n:t}const jt={days:1};function Pt(t,e=0){let n=Tt(t.toPlainDate(),e);const o=At(Ot(t),e),s=[];for(;Mt.compare(n,o)<0;){const t=[];for(let e=0;e<7;e++)t.push(n),n=n.add(jt);s.push(t)}return s}function zt(t){return new Date(Date.UTC(t.year,t.month-1,t.day??1))}const Bt=/^(\d{4})-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[0-1])$/,Ft=(t,e)=>t.toString().padStart(e,"0");class Mt{constructor(t,e,n){this.year=t,this.month=e,this.day=n}add(t){const e=zt(this);if("days"in t)return e.setUTCDate(this.day+t.days),Mt.from(e);let{year:n,month:o}=this;"months"in t?(o=this.month+t.months,e.setUTCMonth(o-1)):(n=this.year+t.years,e.setUTCFullYear(n));const s=Mt.from(zt({year:n,month:o,day:1}));return Ct(Mt.from(e),s,Ot(s))}toString(){return`${Ft(this.year,4)}-${Ft(this.month,2)}-${Ft(this.day,2)}`}toPlainYearMonth(){return new Ht(this.year,this.month)}equals(t){return Mt.compare(this,t)===0}static compare(t,e){return t.year<e.year?-1:t.year>e.year?1:t.month<e.month?-1:t.month>e.month?1:t.day<e.day?-1:t.day>e.day?1:0}static from(t){if(typeof t=="string"){const e=t.match(Bt);if(!e)throw new TypeError(t);const[,n,o,s]=e;return new Mt(parseInt(n,10),parseInt(o,10),parseInt(s,10))}return new Mt(t.getUTCFullYear(),t.getUTCMonth()+1,t.getUTCDate())}}class Ht{constructor(t,e){this.year=t,this.month=e}add(t){const e=zt(this),n=(t.months??0)+(t.years??0)*12;return e.setUTCMonth(e.getUTCMonth()+n),new Ht(e.getUTCFullYear(),e.getUTCMonth()+1)}equals(t){return this.year===t.year&&this.month===t.month}toPlainDate(){return new Mt(this.year,this.month,1)}}function Lt(t,e){if(e)try{return t.from(e)}catch{}}function Ut(t){const[e,n]=W(t);return[V((()=>Lt(Mt,e)),[e]),t=>n(t?.toString())]}function It(t){const[e="",n]=W(t);return[V((()=>{const[t,n]=e.split("/"),o=Lt(Mt,t),s=Lt(Mt,n);return o&&s?[o,s]:[]}),[e]),t=>n(`${t[0]}/${t[1]}`)]}function Jt(t){const[e="",n]=W(t);return[V((()=>{const t=[];for(const n of e.trim().split(/\s+/)){const e=Lt(Mt,n);e&&t.push(e)}return t}),[e]),t=>n(t.join(" "))]}function Vt(t,e){return V((()=>new Intl.DateTimeFormat(e,{timeZone:"UTC",...t})),[e,t])}function Wt(t,e,n){const o=Vt(t,n);return V((()=>{const t=[],n=new Date;for(var s=0;s<7;s++){const s=(n.getUTCDay()-e+7)%7;t[s]=o.format(n),n.setUTCDate(n.getUTCDate()+1)}return t}),[e,o])}const qt=(t,e,n)=>Ct(t,e,n)===t,Rt=t=>t.target.matches(":dir(ltr)"),Zt={month:"long",day:"numeric"},_t={month:"long"},Yt={weekday:"narrow"},Gt={weekday:"long"},Kt={bubbles:!0};function Qt({props:t,context:e}){const{offset:n}=t,{firstDayOfWeek:o,isDateDisallowed:s,min:r,max:i,page:c,locale:a,focusedDate:l}=e,u=Nt(),d=Wt(Gt,o,a),h=Wt(Yt,o,a),f=Vt(Zt,a),p=Vt(_t,a),m=V((()=>c.start.add({months:n})),[c,n]),y=V((()=>Pt(m,o)),[m,o]),b=q("focusday",Kt),g=q("selectday",Kt),v=q("hoverday",Kt);function w(t){b(Ct(t,r,i))}function k(t){let e;switch(t.key){case"ArrowRight":e=l.add({days:Rt(t)?1:-1});break;case"ArrowLeft":e=l.add({days:Rt(t)?-1:1});break;case"ArrowDown":e=l.add({days:7});break;case"ArrowUp":e=l.add({days:-7});break;case"PageUp":e=l.add(t.shiftKey?{years:-1}:{months:-1});break;case"PageDown":e=l.add(t.shiftKey?{years:1}:{months:1});break;case"Home":e=Tt(l,o);break;case"End":e=At(l,o);break;default:return}w(e),t.preventDefault()}function x(t){const n=m.equals(t);if(!e.showOutsideDays&&!n)return;const o=t.equals(l),c=t.equals(u),a=zt(t),d=s?.(a),h=!qt(t,r,i);let p="",y;if(e.type==="range"){const[n,o]=e.value,s=n?.equals(t),r=o?.equals(t);y=n&&o&&qt(t,n,o),p=`${s?"range-start":""} ${r?"range-end":""} ${y&&!s&&!r?"range-inner":""}`}else e.type==="multi"?y=e.value.some((e=>e.equals(t))):y=e.value?.equals(t);return{part:`${`button day ${n?y?"selected":"":"outside"} ${d?"disallowed":""} ${c?"today":""}`} ${p}`,tabindex:n&&o?0:-1,disabled:h,"aria-disabled":d?"true":void 0,"aria-pressed":n&&y,"aria-current":c?"date":void 0,"aria-label":f.format(a),onkeydown:k,onclick(){d||g(t),w(t)},onmouseover(){!d&&!h&&v(t)}}}return{weeks:y,yearMonth:m,daysLong:d,daysShort:h,formatter:p,getDayProps:x}}const Xt=Nt(),te=xt({type:"date",firstDayOfWeek:1,isDateDisallowed:()=>!1,focusedDate:Xt,page:{start:Xt.toPlainYearMonth(),end:Xt.toPlainYearMonth()}});customElements.define("calendar-month-ctx",te);const ee=F((t=>{const e=kt(te),n=l(),o=Qt({props:t,context:e});function s(){n.current.querySelector("button[tabindex='0']")?.focus()}return St("host",{shadowDom:!0,focus:s,children:[Dt("div",{id:"h",part:"heading",children:o.formatter.format(zt(o.yearMonth))}),St("table",{ref:n,"aria-labelledby":"h",part:"table",children:[Dt("thead",{children:Dt("tr",{part:"tr head",children:o.daysLong.map(((t,e)=>St("th",{part:"th",scope:"col",children:[Dt("span",{class:"vh",children:t}),Dt("span",{"aria-hidden":"true",children:o.daysShort[e]})]})))})}),Dt("tbody",{children:o.weeks.map(((t,e)=>Dt("tr",{part:"tr week",children:t.map(((t,e)=>{const n=o.getDayProps(t);return Dt("td",{part:"td",children:n&&Dt("button",{...n,children:t.day})},e)}))},e)))})]})]})}),{props:{offset:{type:Number,value:0}},styles:[$t,Et,mt`:host{--color-accent: black;--color-text-on-accent: white;display:flex;flex-direction:column;gap:.25rem;text-align:center;inline-size:fit-content}table{border-collapse:collapse;font-size:.875rem}th{font-weight:700;block-size:2.25rem}td{padding-inline:0}button{color:inherit;font-size:inherit;background:transparent;border:0;font-variant-numeric:tabular-nums;block-size:2.25rem;inline-size:2.25rem}button:hover:where(:not(:disabled,[aria-disabled])){background:#0000000d}button:is([aria-pressed=true],:focus-visible){background:var(--color-accent);color:var(--color-text-on-accent)}button:focus-visible{outline:1px solid var(--color-text-on-accent);outline-offset:-2px}button:disabled,:host::part(outside),:host::part(disallowed){cursor:default;opacity:.5}`]});customElements.define("calendar-month",ee);function ne(t){return Dt("button",{part:`button ${t.name} ${t.onclick?"":"disabled"}`,onclick:t.onclick,"aria-disabled":t.onclick?null:"true",children:Dt("slot",{name:t.name,children:t.children})})}function oe(t){const e=zt(t.page.start),n=zt(t.page.end);return St("div",{role:"group","aria-labelledby":"h",part:"container",children:[Dt("div",{id:"h",class:"vh","aria-live":"polite","aria-atomic":"true",children:t.formatVerbose.formatRange(e,n)}),St("div",{part:"header",children:[Dt(ne,{name:"previous",onclick:t.previous,children:"Previous"}),Dt("slot",{part:"heading",name:"heading",children:Dt("div",{"aria-hidden":"true",children:t.format.formatRange(e,n)})}),Dt(ne,{name:"next",onclick:t.next,children:"Next"})]}),Dt(te,{value:t,onselectday:t.onSelect,onfocusday:t.onFocus,onhoverday:t.onHover,children:Dt("slot",{})})]})}const se={value:{type:String,value:""},min:{type:String,value:""},max:{type:String,value:""},isDateDisallowed:{type:Function,value:t=>!1},firstDayOfWeek:{type:Number,value:()=>1},showOutsideDays:{type:Boolean,value:!1},locale:{type:String,value:()=>{}},months:{type:Number,value:1},focusedDate:{type:String,value:()=>{}},pageBy:{type:String,value:()=>"months"}},re=[$t,Et,mt`:host{display:block;inline-size:fit-content}[role=group]{display:flex;flex-direction:column;gap:1em}:host::part(header){display:flex;align-items:center;justify-content:space-between}:host::part(heading){font-weight:700;font-size:1.25em}button{display:flex;align-items:center;justify-content:center}button[aria-disabled]{cursor:default;opacity:.5}`],ie={year:"numeric"},ce={year:"numeric",month:"long"};function ae(t,e){return(e.year-t.year)*12+e.month-t.month}const le=(t,e)=>(t=e===12?new Ht(t.year,1):t,{start:t,end:t.add({months:e-1})});function ue({pageBy:t,focusedDate:e,months:n,max:o,min:s,goto:r}){const i=t==="single"?1:n,[c,a]=J((()=>le(e.toPlainYearMonth(),n))),l=t=>a(le(c.start.add({months:t}),n)),u=t=>{const e=ae(c.start,t.toPlainYearMonth());return e>=0&&e<n};return L((()=>{if(u(e))return;const t=ae(e.toPlainYearMonth(),c.start);r(e.add({months:t}))}),[c.start]),L((()=>{if(u(e))return;const t=ae(c.start,e.toPlainYearMonth());l(t===-1?-i:t===n?i:Math.floor(t/n)*n)}),[e,i,n]),{page:c,previous:!s||!u(s)?()=>l(-i):void 0,next:!o||!u(o)?()=>l(i):void 0}}function de({months:t,pageBy:e,locale:n,focusedDate:o,setFocusedDate:s}){const[r]=Ut("min"),[i]=Ut("max"),c=q("focusday"),a=q("change"),l=V((()=>Ct(o??Nt(),r,i)),[o,r,i]);function d(t){s(t),c(zt(t))}const{next:h,previous:f,page:p}=ue({pageBy:e,focusedDate:l,months:t,min:r,max:i,goto:d}),m=u();function y(){m.current.querySelectorAll("calendar-month").forEach((t=>t.focus()))}return{format:Vt(ie,n),formatVerbose:Vt(ce,n),page:p,focusedDate:l,dispatch:a,onFocus(t){t.stopPropagation(),d(t.detail),setTimeout(y)},min:r,max:i,next:h,previous:f,focus:y}}const he=F((t=>{const[e,n]=Ut("value"),[o=e,s]=Ut("focusedDate"),r=de({...t,focusedDate:o,setFocusedDate:s});function i(t){n(t.detail),r.dispatch()}return Dt("host",{shadowDom:!0,focus:r.focus,children:Dt(oe,{...t,...r,type:"date",value:e,onSelect:i})})}),{props:se,styles:re});customElements.define("calendar-date",he);const fe=(t,e)=>Mt.compare(t,e)<0?[t,e]:[e,t],pe=F((t=>{const[e,n]=It("value"),[o=e[0],s]=Ut("focusedDate"),r=de({...t,focusedDate:o,setFocusedDate:s}),i=q("rangestart"),c=q("rangeend"),[a,l]=Ut("tentative"),[u,d]=J();L((()=>d(void 0)),[a]);function h(t){r.onFocus(t),f(t)}function f(t){t.stopPropagation(),a&&d(t.detail)}function p(t){const e=t.detail;t.stopPropagation(),a?(n(fe(a,e)),l(void 0),c(zt(e)),r.dispatch()):(l(e),i(zt(e)))}const m=a?fe(a,u??a):e;return Dt("host",{shadowDom:!0,focus:r.focus,children:Dt(oe,{...t,...r,type:"range",value:m,onFocus:h,onHover:f,onSelect:p})})}),{props:{...se,tentative:{type:String,value:""}},styles:re});customElements.define("calendar-range",pe);const me=F((t=>{const[e,n]=Jt("value"),[o=e[0],s]=Ut("focusedDate"),r=de({...t,focusedDate:o,setFocusedDate:s});function i(t){const o=[...e],s=e.findIndex((e=>e.equals(t.detail)));s<0?o.push(t.detail):o.splice(s,1),n(o),r.dispatch()}return Dt("host",{shadowDom:!0,focus:r.focus,children:Dt(oe,{...t,...r,type:"multi",value:e,onSelect:i})})}),{props:se,styles:re});customElements.define("calendar-multi",me);const ye=()=>{};const be=ye;export{be as g};
 //# sourceMappingURL=p-3fd0d92d.js.map