manolis-ui 0.13.4 → 0.13.5

package/dist/cally-ZU3K2Th7.js

@@ -0,0 +1,1189 @@
+var $e = (t) => {
+  throw TypeError(t);
+};
+var Pe = (t, e, n) => e.has(t) || $e("Cannot " + n);
+var A = (t, e, n) => (Pe(t, e, "read from private field"), n ? n.call(t) : e.get(t)), Z = (t, e, n) => e.has(t) ? $e("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), ee = (t, e, n, o) => (Pe(t, e, "write to private field"), o ? o.call(t, n) : e.set(t, n), n);
+var $, M;
+class ht {
+  /**
+   * @param {T} current
+   */
+  constructor(e) {
+    /**
+     * @type {T}
+     */
+    Z(this, $);
+    Z(this, M, /* @__PURE__ */ new Set());
+    ee(this, $, e);
+  }
+  /**
+   * @return {T}
+   */
+  get current() {
+    return A(this, $);
+  }
+  /**
+   * @param {T} value
+   */
+  set current(e) {
+    A(this, $) != e && (ee(this, $, e), A(this, M).forEach((n) => n(e)));
+  }
+  /**
+   * @type {import("hooks").Ref["on"]}
+   */
+  on(e) {
+    return A(this, M).add(e), () => A(this, M).delete(e);
+  }
+}
+$ = new WeakMap(), M = new WeakMap();
+const Le = (t) => new ht(t), ie = Symbol.for("atomico.hooks");
+globalThis[ie] = globalThis[ie] || {};
+let U = globalThis[ie];
+const ft = Symbol.for("Atomico.suspense"), Ye = Symbol.for("Atomico.effect"), pt = Symbol.for("Atomico.layoutEffect"), Ie = Symbol.for("Atomico.insertionEffect"), O = (t, e, n) => {
+  const { i: o, hooks: r } = U.c, a = r[o] = r[o] || {};
+  return a.value = t(a.value), a.effect = e, a.tag = n, U.c.i++, r[o].value;
+}, yt = (t) => O((e = Le(t)) => e), I = () => O((t = Le(U.c.host)) => t), Re = () => U.c.update, mt = (t, e, n = 0) => {
+  let o = {}, r = !1;
+  const a = () => r, s = (l, c) => {
+    for (const u in o) {
+      const i = o[u];
+      i.effect && i.tag === l && (i.value = i.effect(i.value, c));
+    }
+  };
+  return { load: (l) => {
+    U.c = { host: e, hooks: o, update: t, i: 0, id: n };
+    let c;
+    try {
+      r = !1, c = l();
+    } catch (u) {
+      if (u !== ft)
+        throw u;
+      r = !0;
+    } finally {
+      U.c = null;
+    }
+    return c;
+  }, cleanEffects: (l) => (s(Ie, l), () => (s(pt, l), () => {
+    s(Ye, l);
+  })), isSuspense: a };
+}, F = Symbol.for;
+function He(t, e) {
+  const n = t.length;
+  if (n !== e.length)
+    return !1;
+  for (let o = 0; o < n; o++) {
+    let r = t[o], a = e[o];
+    if (r !== a)
+      return !1;
+  }
+  return !0;
+}
+const x = (t) => typeof t == "function", q = (t) => typeof t == "object", { isArray: gt } = Array, ce = (t, e) => (e ? t instanceof HTMLStyleElement : !0) && "hydrate" in ((t == null ? void 0 : t.dataset) || {});
+function Ve(t, e) {
+  let n;
+  const o = (r) => {
+    let { length: a } = r;
+    for (let s = 0; s < a; s++) {
+      const l = r[s];
+      if (l && Array.isArray(l))
+        o(l);
+      else {
+        const c = typeof l;
+        if (l == null || c === "function" || c === "boolean")
+          continue;
+        c === "string" || c === "number" ? (n == null && (n = ""), n += l) : (n != null && (e(n), n = null), e(l));
+      }
+    }
+  };
+  o(t), n != null && e(n);
+}
+const _e = (t, e, n) => (t.addEventListener(e, n), () => t.removeEventListener(e, n));
+class We {
+  /**
+   *
+   * @param {HTMLElement} target
+   * @param {string} message
+   * @param {string} value
+   */
+  constructor(e, n, o) {
+    this.message = n, this.target = e, this.value = o;
+  }
+}
+class Je extends We {
+}
+class bt extends We {
+}
+const W = "Custom", vt = null, wt = { true: 1, "": 1, 1: 1 };
+function kt(t, e, n, o, r) {
+  const {
+    type: a,
+    reflect: s,
+    event: l,
+    value: c,
+    attr: u = Dt(e)
+  } = (n == null ? void 0 : n.name) != W && q(n) && n != vt ? n : { type: n }, i = (a == null ? void 0 : a.name) === W && a.map, h = c != null ? a == Function || !x(c) ? () => c : c : null;
+  Object.defineProperty(t, e, {
+    configurable: !0,
+    /**
+     * @this {import("dom").AtomicoThisInternal}
+     * @param {any} newValue
+     */
+    set(d) {
+      const p = this[e];
+      h && a != Boolean && d == null && (d = h());
+      const { error: v, value: w } = (i ? Ct : Et)(
+        a,
+        d
+      );
+      if (v && w != null)
+        throw new Je(
+          this,
+          `The value defined for prop '${e}' must be of type '${a.name}'`,
+          w
+        );
+      p != w && (this._props[e] = w ?? void 0, this.update(), l && Ke(this, l), this.updated.then(() => {
+        s && (this._ignoreAttr = u, St(this, a, u, this[e]), this._ignoreAttr = null);
+      }));
+    },
+    /**
+     * @this {import("dom").AtomicoThisInternal}
+     */
+    get() {
+      return this._props[e];
+    }
+  }), h && (r[e] = h()), o[u] = { prop: e, type: a };
+}
+const Ke = (t, { type: e, base: n = CustomEvent, ...o }) => t.dispatchEvent(new n(e, o)), Dt = (t) => t.replace(/([A-Z])/g, "-$1").toLowerCase(), St = (t, e, n, o) => o == null || e == Boolean && !o ? t.removeAttribute(n) : t.setAttribute(
+  n,
+  (e == null ? void 0 : e.name) === W && (e != null && e.serialize) ? e == null ? void 0 : e.serialize(o) : q(o) ? JSON.stringify(o) : e == Boolean ? "" : o
+), xt = (t, e) => t == Boolean ? !!wt[e] : t == Number ? Number(e) : t == String ? e : t == Array || t == Object ? JSON.parse(e) : t.name == W ? e : (
+  // TODO: If when defining reflect the prop can also be of type string?
+  new t(e)
+), Ct = ({ map: t }, e) => {
+  try {
+    return { value: t(e), error: !1 };
+  } catch {
+    return { value: e, error: !0 };
+  }
+}, Et = (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 Tt = 0;
+const Nt = (t) => {
+  var n;
+  return ((n = (t == null ? void 0 : t.dataset) || {}) == null ? void 0 : n.hydrate) || "" || "c" + Tt++;
+}, R = (t, e = HTMLElement) => {
+  const n = {}, o = {}, r = "prototype" in e && e.prototype instanceof Element, a = r ? e : "base" in e ? e.base : HTMLElement, { props: s, styles: l } = r ? t : e;
+  class c extends a {
+    constructor() {
+      super(), this._setup(), this._render = () => t({ ...this._props });
+      for (const i in o)
+        this[i] = o[i];
+    }
+    /**
+     * @returns {import("core").Sheets[]}
+     */
+    static get styles() {
+      return [super.styles, l];
+    }
+    async _setup() {
+      if (this._props)
+        return;
+      this._props = {};
+      let i, h;
+      this.mounted = new Promise(
+        (y) => this.mount = () => {
+          y(), i != this.parentNode && (h != i ? this.unmounted.then(this.update) : this.update()), i = this.parentNode;
+        }
+      ), this.unmounted = new Promise(
+        (y) => this.unmount = () => {
+          y(), (i != this.parentNode || !this.isConnected) && (d.cleanEffects(!0)()(), h = this.parentNode, i = null);
+        }
+      ), this.symbolId = this.symbolId || Symbol(), this.symbolIdParent = Symbol();
+      const d = mt(
+        () => this.update(),
+        this,
+        Nt(this)
+      );
+      let p, v = !0;
+      const w = ce(this);
+      this.update = () => (p || (p = !0, this.updated = (this.updated || this.mounted).then(() => {
+        try {
+          const y = d.load(this._render), f = d.cleanEffects();
+          return y && //@ts-ignore
+          y.render(this, this.symbolId, w), p = !1, v && !d.isSuspense() && (v = !1, !w && $t(this)), f();
+        } finally {
+          p = !1;
+        }
+      }).then(
+        /**
+         * @param {import("internal/hooks.js").CleanUseEffects} [cleanUseEffect]
+         */
+        (y) => {
+          y && y();
+        }
+      )), 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(i, h, d) {
+      if (n[i]) {
+        if (i === this._ignoreAttr || h === d)
+          return;
+        const { prop: p, type: v } = n[i];
+        try {
+          this[p] = xt(v, d);
+        } catch {
+          throw new bt(
+            this,
+            `The value defined as attr '${i}' cannot be parsed by type '${v.name}'`,
+            d
+          );
+        }
+      } else
+        super.attributeChangedCallback(i, h, d);
+    }
+    static get props() {
+      return { ...super.props, ...s };
+    }
+    static get observedAttributes() {
+      const i = super.observedAttributes || [];
+      for (const h in s)
+        kt(this.prototype, h, s[h], n, o);
+      return Object.keys(n).concat(i);
+    }
+  }
+  return c;
+};
+function $t(t) {
+  const { styles: e } = t.constructor, { shadowRoot: n } = t;
+  if (n && e.length) {
+    const o = [];
+    Ve(e, (r) => {
+      r && (r instanceof Element ? n.appendChild(r.cloneNode(!0)) : o.push(r));
+    }), o.length && (n.adoptedStyleSheets = o);
+  }
+}
+const Ge = (t) => (e, n) => {
+  O(
+    /**
+     * Clean the effect hook
+     * @type {import("internal/hooks.js").CollectorEffect}
+     */
+    ([o, r] = []) => ((r || !r) && (r && He(r, n) ? o = o || !0 : (x(o) && o(), o = null)), [o, n]),
+    /**
+     * @returns {any}
+     */
+    ([o, r], a) => a ? (x(o) && o(), []) : [o || e(), r],
+    t
+  );
+}, L = Ge(Ye), Pt = Ge(Ie);
+class Qe extends Array {
+  /**
+   *
+   * @param {any} initialState
+   * @param {(nextState: any, state:any[], mount: boolean )=>void} mapState
+   */
+  constructor(e, n) {
+    let o = !0;
+    const r = (a) => {
+      try {
+        n(a, this, o);
+      } finally {
+        o = !1;
+      }
+    };
+    super(void 0, r, n), r(e);
+  }
+  /**
+   * The following code allows a mutable approach to useState
+   * and useProp this with the idea of allowing an alternative
+   * approach similar to Vue or Qwik of state management
+   * @todo pending review with the community
+   */
+  // get value() {
+  //     return this[0];
+  // }
+  // set value(nextState) {
+  //     this[2](nextState, this);
+  // }
+}
+const he = (t) => {
+  const e = Re();
+  return O(
+    (n = new Qe(t, (o, r, a) => {
+      o = x(o) ? o(r[0]) : o, o !== r[0] && (r[0] = o, a || e());
+    })) => n
+  );
+}, C = (t, e) => {
+  const [n] = O(([o, r, a = 0] = []) => ((!r || r && !He(r, e)) && (o = t()), [o, e, a]));
+  return n;
+}, fe = (t) => {
+  const { current: e } = I();
+  if (!(t in e))
+    throw new Je(
+      e,
+      `For useProp("${t}"), the prop does not exist on the host.`,
+      t
+    );
+  return O(
+    (n = new Qe(e[t], (o, r) => {
+      o = x(o) ? o(e[t]) : o, e[t] = o;
+    })) => (n[0] = e[t], n)
+  );
+}, E = (t, e = {}) => {
+  const n = I();
+  return n[t] || (n[t] = (o = e.detail) => Ke(n.current, {
+    type: t,
+    ...e,
+    detail: o
+  })), n[t];
+}, le = F("atomico/options");
+globalThis[le] = globalThis[le] || {
+  sheet: !!document.adoptedStyleSheets
+};
+const Xe = globalThis[le], At = {
+  checked: 1,
+  value: 1,
+  selected: 1
+}, Mt = {
+  list: 1,
+  type: 1,
+  size: 1,
+  form: 1,
+  width: 1,
+  height: 1,
+  src: 1,
+  href: 1,
+  slot: 1
+}, Ut = {
+  shadowDom: 1,
+  staticNode: 1,
+  cloneNode: 1,
+  children: 1,
+  key: 1
+}, _ = {}, ue = [];
+class de extends Text {
+}
+const Ot = F("atomico/id"), z = F("atomico/type"), te = F("atomico/ref"), Ze = F("atomico/vnode"), Ft = () => {
+};
+function jt(t, e, n) {
+  return tt(this, t, e, n);
+}
+const et = (t, e, ...n) => {
+  const o = e || _;
+  let { children: r } = o;
+  if (r = r ?? (n.length ? n : ue), t === Ft)
+    return r;
+  const a = t ? t instanceof Node ? 1 : (
+    //@ts-ignore
+    t.prototype instanceof HTMLElement && 2
+  ) : 0;
+  if (a === !1 && t instanceof Function)
+    return t(
+      r != ue ? { children: r, ...o } : o
+    );
+  const s = Xe.render || jt;
+  return {
+    [z]: Ze,
+    type: t,
+    props: o,
+    children: r,
+    key: o.key,
+    // key for lists by keys
+    // define if the node declares its shadowDom
+    shadow: o.shadowDom,
+    // allows renderings to run only once
+    static: o.staticNode,
+    // defines whether the type is a childNode `1` or a constructor `2`
+    raw: a,
+    // defines whether to use the second parameter for document.createElement
+    is: o.is,
+    // clone the node if it comes from a reference
+    clone: o.cloneNode,
+    render: s
+  };
+};
+function tt(t, e, n = Ot, o, r) {
+  let a;
+  if (e && e[n] && e[n].vnode == t || t[z] != Ze)
+    return e;
+  (t || !e) && (r = r || t.type == "svg", a = t.type != "host" && (t.raw == 1 ? (e && t.clone ? e[te] : e) != t.type : t.raw == 2 ? !(e instanceof t.type) : e ? e[te] || e.localName != t.type : !e), a && t.type != null && (t.raw == 1 && t.clone ? (o = !0, e = t.type.cloneNode(!0), e[te] = t.type) : e = t.raw == 1 ? t.type : t.raw == 2 ? new t.type() : r ? document.createElementNS(
+    "http://www.w3.org/2000/svg",
+    t.type
+  ) : document.createElement(
+    t.type,
+    t.is ? { is: t.is } : void 0
+  )));
+  const s = e[n] ? e[n] : _, { vnode: l = _, cycle: c = 0 } = s;
+  let { fragment: u, handlers: i } = s;
+  const { children: h = ue, props: d = _ } = l;
+  if (i = a ? {} : i || {}, t.static && !a)
+    return e;
+  if (t.shadow && !e.shadowRoot && // @ts-ignore
+  e.attachShadow({ mode: "open", ...t.shadow }), t.props != d && Bt(e, d, t.props, i, r), t.children !== h) {
+    const p = t.shadow ? e.shadowRoot : e;
+    u = zt(
+      t.children,
+      /**
+       * @todo for hydration use attribute and send childNodes
+       */
+      u,
+      p,
+      n,
+      // add support to foreignObject, children will escape from svg
+      !c && o,
+      r && t.type == "foreignObject" ? !1 : r
+    );
+  }
+  return e[n] = { vnode: t, handlers: i, fragment: u, cycle: c + 1 }, e;
+}
+function qt(t, e) {
+  const n = new de(""), o = new de("");
+  let r;
+  if (t[e ? "prepend" : "append"](n), e) {
+    let { lastElementChild: a } = t;
+    for (; a; ) {
+      const { previousElementSibling: s } = a;
+      if (ce(a, !0) && !ce(s, !0)) {
+        r = a;
+        break;
+      }
+      a = s;
+    }
+  }
+  return r ? r.before(o) : t.append(o), {
+    markStart: n,
+    markEnd: o
+  };
+}
+function zt(t, e, n, o, r, a) {
+  t = t == null ? null : gt(t) ? t : [t];
+  const s = e || qt(n, r), { markStart: l, markEnd: c, keyes: u } = s;
+  let i;
+  const h = u && /* @__PURE__ */ new Set();
+  let d = l;
+  if (t && Ve(t, (p) => {
+    if (typeof p == "object" && !p[z])
+      return;
+    const v = p[z] && p.key, w = u && v != null && u.get(v);
+    d != c && d === w ? h.delete(d) : d = d == c ? c : d.nextSibling;
+    const y = u ? w : d;
+    let f = y;
+    if (p[z])
+      f = tt(p, y, o, r, a);
+    else {
+      const D = p + "";
+      !(f instanceof Text) || f instanceof de ? f = new Text(D) : f.data != D && (f.data = D);
+    }
+    f != d && (u && h.delete(f), !y || u ? (n.insertBefore(f, d), u && d != c && h.add(d)) : y == c ? n.insertBefore(f, c) : (n.replaceChild(f, y), d = f)), v != null && (i = i || /* @__PURE__ */ new Map(), i.set(v, f));
+  }), d = d == c ? c : d.nextSibling, e && d != c)
+    for (; d != c; ) {
+      const p = d;
+      d = d.nextSibling, p.remove();
+    }
+  return h && h.forEach((p) => p.remove()), s.keyes = i, s;
+}
+function Bt(t, e, n, o, r) {
+  for (const a in e)
+    !(a in n) && Ae(t, a, e[a], null, r, o);
+  for (const a in n)
+    Ae(t, a, e[a], n[a], r, o);
+}
+function Ae(t, e, n, o, r, a) {
+  if (e = e == "class" && !r ? "className" : e, n = n ?? null, o = o ?? null, e in t && At[e] && (n = t[e]), !(o === n || Ut[e] || e[0] == "_"))
+    if (e[0] == "o" && e[1] == "n" && (x(o) || x(n)))
+      Lt(t, e.slice(2), o, a);
+    else if (e == "ref")
+      o && (x(o) ? o(t) : o.current = t);
+    else if (e == "style") {
+      const { style: s } = t;
+      n = n || "", o = o || "";
+      const l = q(n), c = q(o);
+      if (l)
+        for (const u in n)
+          if (c)
+            !(u in o) && Me(s, u, null);
+          else
+            break;
+      if (c)
+        for (const u in o) {
+          const i = o[u];
+          l && n[u] === i || Me(s, u, i);
+        }
+      else
+        s.cssText = o;
+    } else {
+      const s = e[0] == "$" ? e.slice(1) : e;
+      s === e && (!r && !Mt[e] && e in t || x(o) || x(n)) ? t[e] = o ?? "" : o == null ? t.removeAttribute(s) : t.setAttribute(
+        s,
+        q(o) ? JSON.stringify(o) : o
+      );
+    }
+}
+function Lt(t, e, n, o) {
+  if (o.handleEvent || (o.handleEvent = (r) => o[r.type].call(t, r)), n) {
+    if (!o[e]) {
+      const r = n.capture || n.once || n.passive ? Object.assign({}, n) : null;
+      t.addEventListener(e, o, r);
+    }
+    o[e] = n;
+  } else
+    o[e] && (t.removeEventListener(e, o), delete o[e]);
+}
+function Me(t, e, n) {
+  let o = "setProperty";
+  n == null && (o = "removeProperty", n = null), ~e.indexOf("-") ? t[o](e, n) : t[e] = n;
+}
+const Ue = {};
+function K(t, ...e) {
+  const n = (t.raw || t).reduce(
+    (o, r, a) => o + r + (e[a] || ""),
+    ""
+  );
+  return Ue[n] = Ue[n] || Yt(n);
+}
+function Yt(t) {
+  if (Xe.sheet) {
+    const e = new CSSStyleSheet();
+    return e.replaceSync(t), e;
+  } else {
+    const e = document.createElement("style");
+    return e.textContent = t, e;
+  }
+}
+const It = et("host", { style: "display: contents" }), ne = F("atomico/context"), Rt = (t, e) => {
+  const n = I();
+  Pt(
+    () => _e(
+      n.current,
+      "ConnectContext",
+      /**
+       * @param {CustomEvent<import("context").DetailConnectContext>} event
+       */
+      (o) => {
+        t === o.detail.id && (o.stopPropagation(), o.detail.connect(e));
+      }
+    ),
+    [t]
+  );
+}, Ht = (t) => {
+  const e = E("ConnectContext", {
+    bubbles: !0,
+    composed: !0
+  }), n = () => {
+    let a;
+    return e({
+      id: t,
+      connect(s) {
+        a = s;
+      }
+    }), a;
+  }, [o, r] = he(
+    n
+  );
+  return L(() => {
+    o || (t[ne] || (t[ne] = customElements.whenDefined(
+      new t().localName
+    )), t[ne].then(
+      () => r(n)
+    ));
+  }, [t]), o;
+}, Vt = (t) => {
+  const e = Ht(t), n = Re();
+  return L(() => {
+    if (e)
+      return _e(e, "UpdatedValue", n);
+  }, [e]), (e || t).value;
+}, _t = (t) => {
+  const e = R(
+    () => (Rt(e, I().current), It),
+    {
+      props: {
+        value: {
+          type: Object,
+          event: { type: "UpdatedValue" },
+          value: () => t
+        }
+      }
+    }
+  );
+  return e.value = t, e;
+}, m = (t, e, n) => (e == null ? e = { key: n } : e.key = n, et(t, e)), B = m, nt = K`*,*:before,*:after{box-sizing:border-box}button{padding:0;touch-action:manipulation;cursor:pointer;user-select:none}`, ot = K`.vh{position:absolute;transform:scale(0)}`;
+function pe() {
+  const t = /* @__PURE__ */ new Date();
+  return new b(t.getFullYear(), t.getMonth() + 1, t.getDate());
+}
+function ye(t, e = 0) {
+  const n = S(t), o = n.getUTCDay(), r = (o < e ? 7 : 0) + o - e;
+  return n.setUTCDate(n.getUTCDate() - r), b.from(n);
+}
+function rt(t, e = 0) {
+  return ye(t, e).add({ days: 6 });
+}
+function at(t) {
+  return b.from(new Date(Date.UTC(t.year, t.month, 0)));
+}
+function G(t, e, n) {
+  return e && b.compare(t, e) < 0 ? e : n && b.compare(t, n) > 0 ? n : t;
+}
+const Wt = { days: 1 };
+function Jt(t, e = 0) {
+  let n = ye(t.toPlainDate(), e);
+  const o = rt(at(t), e), r = [];
+  for (; b.compare(n, o) < 0; ) {
+    const a = [];
+    for (let s = 0; s < 7; s++)
+      a.push(n), n = n.add(Wt);
+    r.push(a);
+  }
+  return r;
+}
+function S(t) {
+  return new Date(Date.UTC(t.year, t.month - 1, t.day ?? 1));
+}
+const Kt = /^(\d{4})-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[0-1])$/, oe = (t, e) => t.toString().padStart(e, "0");
+class b {
+  constructor(e, n, o) {
+    this.year = e, this.month = n, this.day = o;
+  }
+  // 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(e) {
+    const n = S(this);
+    if ("days" in e)
+      return n.setUTCDate(this.day + e.days), b.from(n);
+    let { year: o, month: r } = this;
+    "months" in e ? (r = this.month + e.months, n.setUTCMonth(r - 1)) : (o = this.year + e.years, n.setUTCFullYear(o));
+    const a = b.from(S({ year: o, month: r, day: 1 }));
+    return G(b.from(n), a, at(a));
+  }
+  toString() {
+    return `${oe(this.year, 4)}-${oe(this.month, 2)}-${oe(this.day, 2)}`;
+  }
+  toPlainYearMonth() {
+    return new Q(this.year, this.month);
+  }
+  equals(e) {
+    return b.compare(this, e) === 0;
+  }
+  static compare(e, n) {
+    return e.year < n.year ? -1 : e.year > n.year ? 1 : e.month < n.month ? -1 : e.month > n.month ? 1 : e.day < n.day ? -1 : e.day > n.day ? 1 : 0;
+  }
+  static from(e) {
+    if (typeof e == "string") {
+      const n = e.match(Kt);
+      if (!n)
+        throw new TypeError(e);
+      const [, o, r, a] = n;
+      return new b(
+        parseInt(o, 10),
+        parseInt(r, 10),
+        parseInt(a, 10)
+      );
+    }
+    return new b(
+      e.getUTCFullYear(),
+      e.getUTCMonth() + 1,
+      e.getUTCDate()
+    );
+  }
+}
+class Q {
+  constructor(e, n) {
+    this.year = e, this.month = n;
+  }
+  add(e) {
+    const n = S(this), o = (e.months ?? 0) + (e.years ?? 0) * 12;
+    return n.setUTCMonth(n.getUTCMonth() + o), new Q(n.getUTCFullYear(), n.getUTCMonth() + 1);
+  }
+  equals(e) {
+    return this.year === e.year && this.month === e.month;
+  }
+  toPlainDate() {
+    return new b(this.year, this.month, 1);
+  }
+}
+function J(t, e) {
+  if (e)
+    try {
+      return t.from(e);
+    } catch {
+    }
+}
+function T(t) {
+  const [e, n] = fe(t);
+  return [C(() => J(b, e), [e]), (o) => n(o == null ? void 0 : o.toString())];
+}
+function Gt(t) {
+  const [e = "", n] = fe(t);
+  return [C(() => {
+    const [o, r] = e.split("/"), a = J(b, o), s = J(b, r);
+    return a && s ? [a, s] : [];
+  }, [e]), (o) => n(`${o[0]}/${o[1]}`)];
+}
+function Qt(t) {
+  const [e = "", n] = fe(t);
+  return [C(() => {
+    const o = [];
+    for (const r of e.trim().split(/\s+/)) {
+      const a = J(b, r);
+      a && o.push(a);
+    }
+    return o;
+  }, [e]), (o) => n(o.join(" "))];
+}
+function Y(t, e) {
+  return C(
+    () => new Intl.DateTimeFormat(e, { timeZone: "UTC", ...t }),
+    [e, t]
+  );
+}
+function Oe(t, e, n) {
+  const o = Y(t, n);
+  return C(() => {
+    const r = [], a = /* @__PURE__ */ new Date();
+    for (var s = 0; s < 7; s++) {
+      const l = (a.getUTCDay() - e + 7) % 7;
+      r[l] = o.format(a), a.setUTCDate(a.getUTCDate() + 1);
+    }
+    return r;
+  }, [e, o]);
+}
+const Fe = (t, e, n) => G(t, e, n) === t, je = (t) => t.target.matches(":dir(ltr)"), Xt = { month: "long", day: "numeric" }, Zt = { month: "long" }, en = { weekday: "long" }, re = { bubbles: !0 };
+function tn({ props: t, context: e }) {
+  const { offset: n } = t, {
+    firstDayOfWeek: o,
+    isDateDisallowed: r,
+    min: a,
+    max: s,
+    today: l,
+    page: c,
+    locale: u,
+    focusedDate: i,
+    formatWeekday: h
+  } = e, d = l ?? pe(), p = Oe(en, o, u), v = C(
+    () => ({ weekday: h }),
+    [h]
+  ), w = Oe(v, o, u), y = Y(Xt, u), f = Y(Zt, u), D = C(
+    () => c.start.add({ months: n }),
+    [c, n]
+  ), X = C(
+    () => Jt(D, o),
+    [D, o]
+  ), st = E("focusday", re), it = E("selectday", re), ct = E("hoverday", re);
+  function ke(g) {
+    st(G(g, a, s));
+  }
+  function lt(g) {
+    let k;
+    switch (g.key) {
+      case "ArrowRight":
+        k = i.add({ days: je(g) ? 1 : -1 });
+        break;
+      case "ArrowLeft":
+        k = i.add({ days: je(g) ? -1 : 1 });
+        break;
+      case "ArrowDown":
+        k = i.add({ days: 7 });
+        break;
+      case "ArrowUp":
+        k = i.add({ days: -7 });
+        break;
+      case "PageUp":
+        k = i.add(g.shiftKey ? { years: -1 } : { months: -1 });
+        break;
+      case "PageDown":
+        k = i.add(g.shiftKey ? { years: 1 } : { months: 1 });
+        break;
+      case "Home":
+        k = ye(i, o);
+        break;
+      case "End":
+        k = rt(i, o);
+        break;
+      default:
+        return;
+    }
+    ke(k), g.preventDefault();
+  }
+  function ut(g) {
+    var Ce, Ee;
+    const k = D.equals(g);
+    if (!e.showOutsideDays && !k)
+      return;
+    const dt = g.equals(i), De = g.equals(d), H = S(g), V = r == null ? void 0 : r(H), Se = !Fe(g, a, s);
+    let xe = "", P;
+    if (e.type === "range") {
+      const [N, j] = e.value, Te = N == null ? void 0 : N.equals(g), Ne = j == null ? void 0 : j.equals(g);
+      P = N && j && Fe(g, N, j), xe = `${Te ? "range-start" : ""} ${Ne ? "range-end" : ""} ${P && !Te && !Ne ? "range-inner" : ""}`;
+    } else
+      e.type === "multi" ? P = e.value.some((N) => N.equals(g)) : P = (Ce = e.value) == null ? void 0 : Ce.equals(g);
+    return {
+      part: `${`button day day-${H.getDay()} ${// we don't want outside days to ever be shown as selected
+      k ? P ? "selected" : "" : "outside"} ${V ? "disallowed" : ""} ${De ? "today" : ""} ${((Ee = e.getDayParts) == null ? void 0 : Ee.call(e, H)) ?? ""}`} ${xe}`,
+      tabindex: k && dt ? 0 : -1,
+      disabled: Se,
+      "aria-disabled": V ? "true" : void 0,
+      "aria-pressed": k && P,
+      "aria-current": De ? "date" : void 0,
+      "aria-label": y.format(H),
+      onkeydown: lt,
+      onclick() {
+        V || it(g), ke(g);
+      },
+      onmouseover() {
+        !V && !Se && ct(g);
+      }
+    };
+  }
+  return {
+    weeks: X,
+    yearMonth: D,
+    daysLong: p,
+    daysVisible: w,
+    formatter: f,
+    getDayProps: ut
+  };
+}
+const ae = pe(), me = _t({
+  type: "date",
+  firstDayOfWeek: 1,
+  focusedDate: ae,
+  page: { start: ae.toPlainYearMonth(), end: ae.toPlainYearMonth() }
+});
+customElements.define("calendar-ctx", me);
+const nn = (t, e) => (e + t) % 7, on = R(
+  (t) => {
+    const e = Vt(me), n = yt(), o = tn({ props: t, context: e });
+    function r() {
+      var a;
+      (a = n.current.querySelector("button[tabindex='0']")) == null || a.focus();
+    }
+    return /* @__PURE__ */ B("host", { shadowDom: !0, focus: r, children: [
+      /* @__PURE__ */ m("div", { id: "h", part: "heading", children: o.formatter.format(S(o.yearMonth)) }),
+      /* @__PURE__ */ B("table", { ref: n, "aria-labelledby": "h", part: "table", children: [
+        /* @__PURE__ */ m("thead", { children: /* @__PURE__ */ m("tr", { part: "tr head", children: o.daysLong.map((a, s) => /* @__PURE__ */ B(
+          "th",
+          {
+            part: `th day day-${nn(e.firstDayOfWeek, s)}`,
+            scope: "col",
+            children: [
+              /* @__PURE__ */ m("span", { class: "vh", children: a }),
+              /* @__PURE__ */ m("span", { "aria-hidden": "true", children: o.daysVisible[s] })
+            ]
+          }
+        )) }) }),
+        /* @__PURE__ */ m("tbody", { children: o.weeks.map((a, s) => /* @__PURE__ */ m("tr", { part: "tr week", children: a.map((l, c) => {
+          const u = o.getDayProps(l);
+          return /* @__PURE__ */ m("td", { part: "td", children: u && /* @__PURE__ */ m("button", { ...u, children: l.day }) }, c);
+        }) }, s)) })
+      ] })
+    ] });
+  },
+  {
+    props: {
+      offset: {
+        type: Number,
+        value: 0
+      }
+    },
+    styles: [
+      nt,
+      ot,
+      K`: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", on);
+function qe(t) {
+  return /* @__PURE__ */ m(
+    "button",
+    {
+      part: `button ${t.name} ${t.onclick ? "" : "disabled"}`,
+      onclick: t.onclick,
+      "aria-disabled": t.onclick ? null : "true",
+      children: /* @__PURE__ */ m("slot", { name: t.name, children: t.children })
+    }
+  );
+}
+function ge(t) {
+  const e = S(t.page.start), n = S(t.page.end);
+  return /* @__PURE__ */ B("div", { role: "group", "aria-labelledby": "h", part: "container", children: [
+    /* @__PURE__ */ m("div", { id: "h", class: "vh", "aria-live": "polite", "aria-atomic": "true", children: t.formatVerbose.formatRange(e, n) }),
+    /* @__PURE__ */ B("div", { part: "header", children: [
+      /* @__PURE__ */ m(qe, { name: "previous", onclick: t.previous, children: "Previous" }),
+      /* @__PURE__ */ m("slot", { part: "heading", name: "heading", children: /* @__PURE__ */ m("div", { "aria-hidden": "true", children: t.format.formatRange(e, n) }) }),
+      /* @__PURE__ */ m(qe, { name: "next", onclick: t.next, children: "Next" })
+    ] }),
+    /* @__PURE__ */ m(
+      me,
+      {
+        value: t,
+        onselectday: t.onSelect,
+        onfocusday: t.onFocus,
+        onhoverday: t.onHover,
+        children: /* @__PURE__ */ m("slot", {})
+      }
+    )
+  ] });
+}
+const be = {
+  value: {
+    type: String,
+    value: ""
+  },
+  min: {
+    type: String,
+    value: ""
+  },
+  max: {
+    type: String,
+    value: ""
+  },
+  today: {
+    type: String,
+    value: ""
+  },
+  isDateDisallowed: {
+    type: Function,
+    value: (t) => !1
+  },
+  formatWeekday: {
+    type: String,
+    value: () => "narrow"
+  },
+  getDayParts: {
+    type: Function,
+    value: (t) => ""
+  },
+  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"
+  }
+}, ve = [
+  nt,
+  ot,
+  K`: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}`
+], rn = { year: "numeric" }, an = { year: "numeric", month: "long" };
+function se(t, e) {
+  return (e.year - t.year) * 12 + e.month - t.month;
+}
+const ze = (t, e) => (t = e === 12 ? new Q(t.year, 1) : t, {
+  start: t,
+  end: t.add({ months: e - 1 })
+});
+function sn({
+  pageBy: t,
+  focusedDate: e,
+  months: n,
+  max: o,
+  min: r,
+  goto: a
+}) {
+  const s = t === "single" ? 1 : n, [l, c] = he(
+    () => ze(e.toPlainYearMonth(), n)
+  ), u = (h) => c(ze(l.start.add({ months: h }), n)), i = (h) => {
+    const d = se(l.start, h.toPlainYearMonth());
+    return d >= 0 && d < n;
+  };
+  return L(() => {
+    if (i(e))
+      return;
+    const h = se(e.toPlainYearMonth(), l.start);
+    a(e.add({ months: h }));
+  }, [l.start]), L(() => {
+    if (i(e))
+      return;
+    const h = se(l.start, e.toPlainYearMonth());
+    u(h === -1 ? -s : h === n ? s : Math.floor(h / n) * n);
+  }, [e, s, n]), {
+    page: l,
+    previous: !r || !i(r) ? () => u(-s) : void 0,
+    next: !o || !i(o) ? () => u(s) : void 0
+  };
+}
+function we({
+  months: t,
+  pageBy: e,
+  locale: n,
+  focusedDate: o,
+  setFocusedDate: r
+}) {
+  const [a] = T("min"), [s] = T("max"), [l] = T("today"), c = E("focusday"), u = E("change"), i = C(
+    () => G(o ?? l ?? pe(), a, s),
+    [o, l, a, s]
+  );
+  function h(f) {
+    r(f), c(S(f));
+  }
+  const { next: d, previous: p, page: v } = sn({
+    pageBy: e,
+    focusedDate: i,
+    months: t,
+    min: a,
+    max: s,
+    goto: h
+  }), w = I();
+  function y(f) {
+    const D = (f == null ? void 0 : f.target) ?? "day";
+    D === "day" ? w.current.querySelectorAll("calendar-month").forEach((X) => X.focus(f)) : w.current.shadowRoot.querySelector(`[part~='${D}']`).focus(f);
+  }
+  return {
+    format: Y(rn, n),
+    formatVerbose: Y(an, n),
+    page: v,
+    focusedDate: i,
+    dispatch: u,
+    onFocus(f) {
+      f.stopPropagation(), h(f.detail), setTimeout(y);
+    },
+    min: a,
+    max: s,
+    today: l,
+    next: d,
+    previous: p,
+    focus: y
+  };
+}
+const cn = R(
+  (t) => {
+    const [e, n] = T("value"), [o = e, r] = T("focusedDate"), a = we({
+      ...t,
+      focusedDate: o,
+      setFocusedDate: r
+    });
+    function s(l) {
+      n(l.detail), a.dispatch();
+    }
+    return /* @__PURE__ */ m("host", { shadowDom: !0, focus: a.focus, children: /* @__PURE__ */ m(
+      ge,
+      {
+        ...t,
+        ...a,
+        type: "date",
+        value: e,
+        onSelect: s
+      }
+    ) });
+  },
+  { props: be, styles: ve }
+);
+customElements.define("calendar-date", cn);
+const Be = (t, e) => b.compare(t, e) < 0 ? [t, e] : [e, t], ln = R(
+  (t) => {
+    const [e, n] = Gt("value"), [o = e[0], r] = T("focusedDate"), a = we({
+      ...t,
+      focusedDate: o,
+      setFocusedDate: r
+    }), s = E("rangestart"), l = E("rangeend"), [c, u] = T(
+      "tentative"
+    ), [i, h] = he();
+    L(() => h(void 0), [c]);
+    function d(y) {
+      a.onFocus(y), p(y);
+    }
+    function p(y) {
+      y.stopPropagation(), c && h(y.detail);
+    }
+    function v(y) {
+      const f = y.detail;
+      y.stopPropagation(), c ? (n(Be(c, f)), u(void 0), l(S(f)), a.dispatch()) : (u(f), s(S(f)));
+    }
+    const w = c ? Be(c, i ?? c) : e;
+    return /* @__PURE__ */ m("host", { shadowDom: !0, focus: a.focus, children: /* @__PURE__ */ m(
+      ge,
+      {
+        ...t,
+        ...a,
+        type: "range",
+        value: w,
+        onFocus: d,
+        onHover: p,
+        onSelect: v
+      }
+    ) });
+  },
+  {
+    props: {
+      ...be,
+      tentative: {
+        type: String,
+        value: ""
+      }
+    },
+    styles: ve
+  }
+);
+customElements.define("calendar-range", ln);
+const un = R(
+  (t) => {
+    const [e, n] = Qt("value"), [o = e[0], r] = T("focusedDate"), a = we({
+      ...t,
+      focusedDate: o,
+      setFocusedDate: r
+    });
+    function s(l) {
+      const c = [...e], u = e.findIndex((i) => i.equals(l.detail));
+      u < 0 ? c.push(l.detail) : c.splice(u, 1), n(c), a.dispatch();
+    }
+    return /* @__PURE__ */ m("host", { shadowDom: !0, focus: a.focus, children: /* @__PURE__ */ m(
+      ge,
+      {
+        ...t,
+        ...a,
+        type: "multi",
+        value: e,
+        onSelect: s
+      }
+    ) });
+  },
+  { props: be, styles: ve }
+);
+customElements.define("calendar-multi", un);
+export {
+  cn as CalendarDate,
+  on as CalendarMonth,
+  un as CalendarMulti,
+  ln as CalendarRange
+};