@orchidui/dashboard 1.8.1-95 → 1.8.1-96

package/dist/ui/range-calendar/index.js

@@ -0,0 +1,986 @@
+import { computed as f, defineComponent as p, toRefs as Qe, ref as te, watch as ge, onMounted as Xe, createBlock as c, openBlock as r, unref as l, withCtx as o, createElementVNode as me, renderSlot as h, toDisplayString as le, mergeProps as _, withKeys as Ye, createTextVNode as z, nextTick as $e, normalizeProps as q, guardReactiveProps as J, createVNode as N, createElementBlock as oe, Fragment as ue, renderList as ce } from "vue";
+import { c as I } from "../../utils-SFgRDk1R.js";
+import { u as Ze, a as U } from "../../useForwardPropsEmits-0XKBv1pB.js";
+import { u as Be, e as ea } from "../../index-BwPb_idr.js";
+import { k as ye, d as V, l as aa, m as ta, g as la, u as sa, c as T, h as na, t as da, n as ia, e as ra, a as oa, f as ua, i as he, j as Se } from "../../utils-W-UiqiPE.js";
+import { u as Oe } from "../../usePrimitiveElement-BjwUvHih.js";
+import { u as ca } from "../../useDirection-C3C_TLKm.js";
+import { u as va } from "../../useLocale-BfU0LC8Z.js";
+import { u as ke } from "../../useKbd-BJNupnml.js";
+import { c as fa } from "../../createContext-CZEfaSVa.js";
+import { P as O } from "../../Primitive-B3twiLO1.js";
+import { i as pa } from "../../nullish-CjWwlQS3.js";
+import { r as j } from "../../index-OpE2oGce.js";
+import { buttonVariants as be } from "../button/index.js";
+import { C as ga } from "../../chevron-right-D308801z.js";
+import { C as ha } from "../../chevron-left-BOwFasou.js";
+function ma(a) {
+  const t = f(() => a.start.value ? !!a.isDateDisabled(a.start.value) : !1), e = f(() => a.end.value ? !!a.isDateDisabled(a.end.value) : !1), s = f(
+    () => t.value || e.value ? !1 : !!(a.start.value && a.end.value && ye(a.end.value, a.start.value))
+  ), n = (u) => a.start.value ? V(a.start.value, u) : !1, i = (u) => a.end.value ? V(a.end.value, u) : !1, R = (u) => a.start.value && V(a.start.value, u) || a.end.value && V(a.end.value, u) ? !0 : a.end.value && a.start.value ? ta(u, a.start.value, a.end.value) : !1, P = (u) => {
+    var g;
+    return a.isDateDisabled(u) ? !0 : !((g = a.maximumDays) != null && g.value) || !a.start.value || a.end.value || V(a.start.value, u) ? !1 : Math.abs(u.compare(a.start.value)) > a.maximumDays.value;
+  }, k = (u) => {
+    var g;
+    return !!((g = a.isDateHighlightable) != null && g.call(a, u));
+  }, x = f(() => {
+    var M;
+    if (a.start.value && a.end.value && !a.fixedDate.value || !a.start.value || !a.focusedValue.value)
+      return null;
+    const u = ye(a.start.value, a.focusedValue.value), g = u ? a.start.value : a.focusedValue.value, $ = u ? a.focusedValue.value : a.start.value;
+    if (V(g, $))
+      return {
+        start: g,
+        end: $
+      };
+    if ((M = a.maximumDays) != null && M.value && !a.end.value && Math.abs($.compare(g)) > a.maximumDays.value) {
+      const W = u ? g.add({ days: a.maximumDays.value }) : g.subtract({ days: a.maximumDays.value });
+      return {
+        start: g,
+        end: W
+      };
+    }
+    return aa(g, $, a.allowNonContiguousRanges.value ? () => !1 : a.isDateUnavailable, P, a.isDateHighlightable) ? {
+      start: g,
+      end: $
+    } : null;
+  });
+  return {
+    isInvalid: s,
+    isSelected: R,
+    isDateHighlightable: k,
+    highlightedRange: x,
+    isSelectionStart: n,
+    isSelectionEnd: i,
+    isHighlightedStart: (u) => !x.value || !x.value.start ? !1 : V(x.value.start, u),
+    isHighlightedEnd: (u) => !x.value || !x.value.end ? !1 : V(x.value.end, u),
+    isDateDisabled: P
+  };
+}
+const ya = { style: { border: "0px", clip: "rect(0px, 0px, 0px, 0px)", "clip-path": "inset(50%)", height: "1px", margin: "-1px", overflow: "hidden", padding: "0px", position: "absolute", "white-space": "nowrap", width: "1px" } }, ba = {
+  role: "heading",
+  "aria-level": "2"
+}, [Q, Da] = fa("RangeCalendarRoot"), Ca = /* @__PURE__ */ p({
+  __name: "RangeCalendarRoot",
+  props: {
+    defaultPlaceholder: {},
+    defaultValue: { default: () => ({ start: void 0, end: void 0 }) },
+    modelValue: {},
+    placeholder: { default: void 0 },
+    allowNonContiguousRanges: { type: Boolean, default: !1 },
+    pagedNavigation: { type: Boolean, default: !1 },
+    preventDeselect: { type: Boolean, default: !1 },
+    maximumDays: { default: void 0 },
+    weekStartsOn: { default: 0 },
+    weekdayFormat: { default: "narrow" },
+    calendarLabel: {},
+    fixedWeeks: { type: Boolean, default: !1 },
+    maxValue: {},
+    minValue: {},
+    locale: {},
+    numberOfMonths: { default: 1 },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    initialFocus: { type: Boolean, default: !1 },
+    isDateDisabled: { type: Function, default: void 0 },
+    isDateUnavailable: { type: Function, default: void 0 },
+    isDateHighlightable: { type: Function, default: void 0 },
+    dir: {},
+    nextPage: {},
+    prevPage: {},
+    disableDaysOutsideCurrentView: { type: Boolean, default: !1 },
+    fixedDate: {},
+    asChild: { type: Boolean },
+    as: { default: "div" }
+  },
+  emits: ["update:modelValue", "update:placeholder", "update:startValue"],
+  setup(a, { emit: t }) {
+    const e = a, s = t, {
+      disabled: n,
+      readonly: i,
+      initialFocus: R,
+      pagedNavigation: P,
+      weekStartsOn: k,
+      weekdayFormat: x,
+      fixedWeeks: F,
+      numberOfMonths: E,
+      preventDeselect: u,
+      isDateUnavailable: g,
+      isDateHighlightable: $,
+      isDateDisabled: X,
+      calendarLabel: M,
+      maxValue: W,
+      minValue: A,
+      dir: se,
+      locale: ne,
+      nextPage: de,
+      prevPage: ve,
+      allowNonContiguousRanges: Y,
+      disableDaysOutsideCurrentView: fe,
+      fixedDate: b,
+      maximumDays: v
+    } = Qe(e), { primitiveElement: K, currentElement: Z } = Oe(), B = ca(se), ee = va(ne), L = te(), S = te(), ie = te(!1), y = Be(e, "modelValue", s, {
+      defaultValue: e.defaultValue ?? { start: void 0, end: void 0 },
+      passive: e.modelValue === void 0
+    }), m = f(
+      () => pa(y.value) ? { start: void 0, end: void 0 } : y.value
+    ), G = la({
+      defaultPlaceholder: e.placeholder,
+      defaultValue: m.value.start,
+      locale: e.locale
+    }), H = te(m.value.start), w = te(m.value.end), ae = Be(e, "placeholder", s, {
+      defaultValue: e.defaultPlaceholder ?? G.copy(),
+      passive: e.placeholder === void 0
+    });
+    function De(d) {
+      ae.value = d.copy();
+    }
+    const {
+      fullCalendarLabel: pe,
+      headingValue: Fe,
+      isDateDisabled: Ee,
+      isDateUnavailable: Ce,
+      isNextButtonDisabled: He,
+      isPrevButtonDisabled: Ne,
+      grid: _e,
+      weekdays: xe,
+      isOutsideVisibleView: Ie,
+      nextPage: je,
+      prevPage: Me,
+      formatter: Ae
+    } = sa({
+      locale: ee,
+      placeholder: ae,
+      weekStartsOn: k,
+      fixedWeeks: F,
+      numberOfMonths: E,
+      minValue: A,
+      maxValue: W,
+      disabled: n,
+      weekdayFormat: x,
+      pagedNavigation: P,
+      isDateDisabled: X.value,
+      isDateUnavailable: g.value,
+      calendarLabel: M,
+      nextPage: de,
+      prevPage: ve
+    }), {
+      isInvalid: we,
+      isSelected: Ge,
+      isDateHighlightable: Ue,
+      highlightedRange: Le,
+      isSelectionStart: Te,
+      isSelectionEnd: We,
+      isHighlightedStart: Ke,
+      isHighlightedEnd: ze,
+      isDateDisabled: qe
+    } = ma({
+      start: H,
+      end: w,
+      isDateDisabled: Ee,
+      isDateUnavailable: Ce,
+      isDateHighlightable: $.value,
+      focusedValue: S,
+      allowNonContiguousRanges: Y,
+      fixedDate: b,
+      maximumDays: v
+    });
+    ge(y, (d, D) => {
+      var C, Pe, re, Re;
+      (!(D != null && D.start) && (d != null && d.start) || !d || !d.start || H.value && !T(d.start, H.value)) && (H.value = (Pe = (C = d == null ? void 0 : d.start) == null ? void 0 : C.copy) == null ? void 0 : Pe.call(C)), (!(D != null && D.end) && d.end || !d || !d.end || w.value && !T(d.end, w.value)) && (w.value = (Re = (re = d == null ? void 0 : d.end) == null ? void 0 : re.copy) == null ? void 0 : Re.call(re));
+    }), ge(H, (d) => {
+      d && !T(d, ae.value) && De(d), s("update:startValue", d);
+    }), ge([H, w], ([d, D]) => {
+      const C = m.value;
+      if (!(C && C.start && C.end && d && D && T(C.start, d) && T(C.end, D)) && (ie.value = !0, d && D)) {
+        if (ie.value = !1, C.start && C.end && T(C.start, d) && T(C.end, D))
+          return;
+        ye(D, d) ? y.value = {
+          start: D.copy(),
+          end: d.copy()
+        } : y.value = {
+          start: d.copy(),
+          end: D.copy()
+        };
+      }
+    });
+    const Je = ke();
+    return ea("keydown", (d) => {
+      var D, C;
+      d.key === Je.ESCAPE && ie.value && (H.value = (D = y.value.start) == null ? void 0 : D.copy(), w.value = (C = y.value.end) == null ? void 0 : C.copy());
+    }), Da({
+      isDateUnavailable: Ce,
+      isDateHighlightable: Ue,
+      startValue: H,
+      endValue: w,
+      formatter: Ae,
+      modelValue: y,
+      placeholder: ae,
+      disabled: n,
+      initialFocus: R,
+      pagedNavigation: P,
+      grid: _e,
+      weekDays: xe,
+      weekStartsOn: k,
+      weekdayFormat: x,
+      fixedWeeks: F,
+      numberOfMonths: E,
+      readonly: i,
+      preventDeselect: u,
+      fullCalendarLabel: pe,
+      headingValue: Fe,
+      isInvalid: we,
+      isDateDisabled: qe,
+      allowNonContiguousRanges: Y,
+      highlightedRange: Le,
+      focusedValue: S,
+      lastPressedDateValue: L,
+      isSelected: Ge,
+      isSelectionEnd: We,
+      isSelectionStart: Te,
+      isNextButtonDisabled: He,
+      isPrevButtonDisabled: Ne,
+      isOutsideVisibleView: Ie,
+      nextPage: je,
+      prevPage: Me,
+      parentElement: Z,
+      onPlaceholderChange: De,
+      locale: ee,
+      dir: B,
+      isHighlightedStart: Ke,
+      isHighlightedEnd: ze,
+      disableDaysOutsideCurrentView: fe,
+      fixedDate: b,
+      maximumDays: v
+    }), Xe(() => {
+      R.value && na(Z.value);
+    }), (d, D) => (r(), c(l(O), {
+      ref_key: "primitiveElement",
+      ref: K,
+      as: d.as,
+      "as-child": d.asChild,
+      role: "application",
+      "aria-label": l(pe),
+      "data-readonly": l(i) ? "" : void 0,
+      "data-disabled": l(n) ? "" : void 0,
+      "data-invalid": l(we) ? "" : void 0,
+      dir: l(B)
+    }, {
+      default: o(() => [
+        me("div", ya, [
+          me("div", ba, le(l(pe)), 1)
+        ]),
+        h(d.$slots, "default", {
+          date: l(ae),
+          grid: l(_e),
+          weekDays: l(xe),
+          weekStartsOn: l(k),
+          locale: l(ee),
+          fixedWeeks: l(F),
+          modelValue: l(y)
+        })
+      ]),
+      _: 3
+    }, 8, ["as", "as-child", "aria-label", "data-readonly", "data-disabled", "data-invalid", "dir"]));
+  }
+}), _a = /* @__PURE__ */ p({
+  __name: "RangeCalendarCell",
+  props: {
+    date: {},
+    asChild: { type: Boolean },
+    as: { default: "td" }
+  },
+  setup(a) {
+    const t = Q();
+    return (e, s) => {
+      var n, i;
+      return r(), c(l(O), {
+        as: e.as,
+        "as-child": e.asChild,
+        role: "gridcell",
+        "aria-selected": l(t).isSelected(e.date) ? !0 : void 0,
+        "aria-disabled": l(t).isDateDisabled(e.date) || ((i = (n = l(t)).isDateUnavailable) == null ? void 0 : i.call(n, e.date)) || l(t).disableDaysOutsideCurrentView.value,
+        "data-disabled": l(t).isDateDisabled(e.date) || l(t).disableDaysOutsideCurrentView.value ? "" : void 0
+      }, {
+        default: o(() => [
+          h(e.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["as", "as-child", "aria-selected", "aria-disabled", "data-disabled"]);
+    };
+  }
+}), xa = /* @__PURE__ */ p({
+  __name: "RangeCalendarCellTrigger",
+  props: {
+    day: {},
+    month: {},
+    asChild: { type: Boolean },
+    as: { default: "div" }
+  },
+  setup(a) {
+    const t = a, e = Q(), s = ke(), { primitiveElement: n, currentElement: i } = Oe(), R = f(() => e.formatter.custom(da(t.day), {
+      weekday: "long",
+      month: "long",
+      day: "numeric",
+      year: "numeric"
+    })), P = f(() => {
+      var b;
+      return ((b = e.isDateUnavailable) == null ? void 0 : b.call(e, t.day)) ?? !1;
+    }), k = f(() => e.isSelected(t.day)), x = f(() => e.isSelectionStart(t.day)), F = f(() => e.isSelectionEnd(t.day)), E = f(() => e.isHighlightedStart(t.day)), u = f(() => e.isHighlightedEnd(t.day)), g = f(() => e.highlightedRange.value ? ia(t.day, e.highlightedRange.value.start, e.highlightedRange.value.end) : !1), $ = f(() => e.allowNonContiguousRanges.value), X = f(() => ra(t.day, oa())), M = f(() => !ua(t.day, t.month)), W = f(
+      () => e.isOutsideVisibleView(t.day)
+    ), A = f(() => e.isDateDisabled(t.day) || e.disableDaysOutsideCurrentView.value && M.value), se = f(() => t.day.day.toLocaleString(e.locale.value)), ne = f(() => !e.disabled.value && V(t.day, e.placeholder.value));
+    function de(b, v) {
+      var K;
+      if (!e.readonly.value && !(e.isDateDisabled(v) || (K = e.isDateUnavailable) != null && K.call(e, v))) {
+        if (e.lastPressedDateValue.value = v.copy(), e.startValue.value && e.highlightedRange.value === null) {
+          if (V(v, e.startValue.value) && !e.preventDeselect.value && !e.endValue.value) {
+            e.startValue.value = void 0, e.onPlaceholderChange(v);
+            return;
+          } else if (!e.endValue.value) {
+            b.preventDefault(), e.lastPressedDateValue.value && V(e.lastPressedDateValue.value, v) && (e.startValue.value = v.copy());
+            return;
+          }
+        }
+        if (e.startValue.value && e.endValue.value && V(e.endValue.value, v) && !e.preventDeselect.value) {
+          e.startValue.value = void 0, e.endValue.value = void 0, e.onPlaceholderChange(v);
+          return;
+        }
+        e.startValue.value ? e.endValue.value ? e.endValue.value && e.startValue.value && (e.fixedDate.value ? e.fixedDate.value === "start" ? v.compare(e.startValue.value) < 0 ? e.startValue.value = v.copy() : e.endValue.value = v.copy() : e.fixedDate.value === "end" && (v.compare(e.endValue.value) > 0 ? e.endValue.value = v.copy() : e.startValue.value = v.copy()) : (e.endValue.value = void 0, e.startValue.value = v.copy())) : e.endValue.value = v.copy() : e.startValue.value = v.copy();
+      }
+    }
+    function ve(b) {
+      A.value || de(b, t.day);
+    }
+    function Y() {
+      var b;
+      A.value || (b = e.isDateUnavailable) != null && b.call(e, t.day) || (e.focusedValue.value = t.day.copy());
+    }
+    function fe(b) {
+      if (A.value)
+        return;
+      b.preventDefault(), b.stopPropagation();
+      const v = e.parentElement.value, K = 7, Z = e.dir.value === "rtl" ? -1 : 1;
+      switch (b.code) {
+        case s.ARROW_RIGHT:
+          B(i.value, Z);
+          break;
+        case s.ARROW_LEFT:
+          B(i.value, -Z);
+          break;
+        case s.ARROW_UP:
+          B(i.value, -7);
+          break;
+        case s.ARROW_DOWN:
+          B(i.value, K);
+          break;
+        case s.ENTER:
+        case s.SPACE_CODE:
+          de(b, t.day);
+      }
+      function B(ee, L) {
+        const S = he(v);
+        if (!S.length)
+          return;
+        const y = S.indexOf(ee) + L;
+        if (y >= 0 && y < S.length) {
+          S[y].hasAttribute("data-disabled") && B(S[y], L), S[y].focus();
+          return;
+        }
+        if (y < 0) {
+          if (e.isPrevButtonDisabled())
+            return;
+          e.prevPage(), $e(() => {
+            const m = he(v);
+            if (!m.length)
+              return;
+            if (!e.pagedNavigation.value && e.numberOfMonths.value > 1) {
+              const w = Se(e.placeholder.value) - Math.abs(y);
+              m[w].hasAttribute("data-disabled") && B(m[w], L), m[w].focus();
+              return;
+            }
+            const G = m.length - Math.abs(y);
+            m[G].hasAttribute("data-disabled") && B(m[G], L), m[G].focus();
+          });
+          return;
+        }
+        if (y >= S.length) {
+          if (e.isNextButtonDisabled())
+            return;
+          e.nextPage(), $e(() => {
+            const m = he(v);
+            if (!m.length)
+              return;
+            if (!e.pagedNavigation.value && e.numberOfMonths.value > 1) {
+              const H = Se(
+                e.placeholder.value.add({ months: e.numberOfMonths.value - 1 })
+              ), w = y - S.length + (m.length - H);
+              m[w].hasAttribute("data-disabled") && B(m[w], L), m[w].focus();
+              return;
+            }
+            const G = y - S.length;
+            m[G].hasAttribute("data-disabled") && B(m[G], L), m[G].focus();
+          });
+        }
+      }
+    }
+    return (b, v) => (r(), c(l(O), _({
+      ref_key: "primitiveElement",
+      ref: n
+    }, t, {
+      role: "button",
+      "aria-label": R.value,
+      "data-reka-calendar-cell-trigger": "",
+      "aria-selected": k.value && ($.value || !P.value) ? !0 : void 0,
+      "aria-disabled": A.value || P.value ? !0 : void 0,
+      "data-highlighted": g.value && ($.value || !P.value) ? "" : void 0,
+      "data-selection-start": x.value ? !0 : void 0,
+      "data-selection-end": F.value ? !0 : void 0,
+      "data-highlighted-start": E.value ? !0 : void 0,
+      "data-highlighted-end": u.value ? !0 : void 0,
+      "data-selected": k.value && ($.value || !P.value) ? !0 : void 0,
+      "data-outside-visible-view": W.value ? "" : void 0,
+      "data-value": b.day.toString(),
+      "data-disabled": A.value ? "" : void 0,
+      "data-unavailable": P.value ? "" : void 0,
+      "data-today": X.value ? "" : void 0,
+      "data-outside-view": M.value ? "" : void 0,
+      "data-focused": ne.value ? "" : void 0,
+      tabindex: ne.value ? 0 : M.value || A.value ? void 0 : -1,
+      onClick: ve,
+      onFocusin: Y,
+      onMouseenter: Y,
+      onKeydown: Ye(fe, ["up", "down", "left", "right", "enter", "space"])
+    }), {
+      default: o(() => [
+        h(b.$slots, "default", {
+          dayValue: se.value,
+          disabled: A.value,
+          today: X.value,
+          selected: k.value,
+          outsideView: M.value,
+          outsideVisibleView: W.value,
+          unavailable: P.value,
+          highlighted: g.value && ($.value || !P.value),
+          highlightedStart: E.value,
+          highlightedEnd: u.value,
+          selectionStart: x.value,
+          selectionEnd: F.value
+        }, () => [
+          z(le(se.value), 1)
+        ])
+      ]),
+      _: 3
+    }, 16, ["aria-label", "aria-selected", "aria-disabled", "data-highlighted", "data-selection-start", "data-selection-end", "data-highlighted-start", "data-highlighted-end", "data-selected", "data-outside-visible-view", "data-value", "data-disabled", "data-unavailable", "data-today", "data-outside-view", "data-focused", "tabindex"]));
+  }
+}), wa = /* @__PURE__ */ p({
+  __name: "RangeCalendarGrid",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "table" }
+  },
+  setup(a) {
+    const t = a, e = Q(), s = f(() => e.disabled.value ? !0 : void 0), n = f(() => e.readonly.value ? !0 : void 0);
+    return (i, R) => (r(), c(l(O), _(t, {
+      tabindex: "-1",
+      role: "grid",
+      "aria-readonly": n.value,
+      "aria-disabled": s.value,
+      "data-readonly": n.value && "",
+      "data-disabled": s.value && ""
+    }), {
+      default: o(() => [
+        h(i.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["aria-readonly", "aria-disabled", "data-readonly", "data-disabled"]));
+  }
+}), Pa = /* @__PURE__ */ p({
+  __name: "RangeCalendarGridBody",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "tbody" }
+  },
+  setup(a) {
+    const t = a;
+    return (e, s) => (r(), c(l(O), q(J(t)), {
+      default: o(() => [
+        h(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Ra = /* @__PURE__ */ p({
+  __name: "RangeCalendarGridHead",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "thead" }
+  },
+  setup(a) {
+    const t = a;
+    return (e, s) => (r(), c(l(O), _(t, { "aria-hidden": "true" }), {
+      default: o(() => [
+        h(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), $a = /* @__PURE__ */ p({
+  __name: "RangeCalendarGridRow",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "tr" }
+  },
+  setup(a) {
+    const t = a;
+    return (e, s) => (r(), c(l(O), q(J(t)), {
+      default: o(() => [
+        h(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Ba = /* @__PURE__ */ p({
+  __name: "RangeCalendarHeadCell",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "th" }
+  },
+  setup(a) {
+    const t = a;
+    return (e, s) => (r(), c(l(O), q(J(t)), {
+      default: o(() => [
+        h(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Sa = /* @__PURE__ */ p({
+  __name: "RangeCalendarHeader",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "div" }
+  },
+  setup(a) {
+    const t = a;
+    return (e, s) => (r(), c(l(O), q(J(t)), {
+      default: o(() => [
+        h(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Va = /* @__PURE__ */ p({
+  __name: "RangeCalendarHeading",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "div" }
+  },
+  setup(a) {
+    const t = a, e = Q();
+    return (s, n) => (r(), c(l(O), _(t, {
+      "data-disabled": l(e).disabled.value ? "" : void 0
+    }), {
+      default: o(() => [
+        h(s.$slots, "default", {
+          headingValue: l(e).headingValue.value
+        }, () => [
+          z(le(l(e).headingValue.value), 1)
+        ])
+      ]),
+      _: 3
+    }, 16, ["data-disabled"]));
+  }
+}), Oa = /* @__PURE__ */ p({
+  __name: "RangeCalendarNext",
+  props: {
+    nextPage: {},
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(a) {
+    const t = a, e = f(() => s.disabled.value || s.isNextButtonDisabled(t.nextPage)), s = Q();
+    return (n, i) => (r(), c(l(O), _(t, {
+      "aria-label": "Next page",
+      type: n.as === "button" ? "button" : void 0,
+      "aria-disabled": e.value || void 0,
+      "data-disabled": e.value || void 0,
+      disabled: e.value,
+      onClick: i[0] || (i[0] = (R) => l(s).nextPage(t.nextPage))
+    }), {
+      default: o(() => [
+        h(n.$slots, "default", { disabled: e.value }, () => [
+          i[1] || (i[1] = z(" Next page "))
+        ])
+      ]),
+      _: 3
+    }, 16, ["type", "aria-disabled", "data-disabled", "disabled"]));
+  }
+}), ka = /* @__PURE__ */ p({
+  __name: "RangeCalendarPrev",
+  props: {
+    prevPage: {},
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(a) {
+    const t = a, e = f(() => s.disabled.value || s.isPrevButtonDisabled(t.prevPage)), s = Q();
+    return (n, i) => (r(), c(l(O), _(t, {
+      "aria-label": "Previous page",
+      type: n.as === "button" ? "button" : void 0,
+      "aria-disabled": e.value || void 0,
+      "data-disabled": e.value || void 0,
+      disabled: e.value,
+      onClick: i[0] || (i[0] = (R) => l(s).prevPage(t.prevPage))
+    }), {
+      default: o(() => [
+        h(n.$slots, "default", { disabled: e.value }, () => [
+          i[1] || (i[1] = z(" Prev page "))
+        ])
+      ]),
+      _: 3
+    }, 16, ["type", "aria-disabled", "data-disabled", "disabled"]));
+  }
+}), Fa = { class: "flex flex-col gap-y-4 mt-4 sm:flex-row sm:gap-x-4 sm:gap-y-0" }, dt = /* @__PURE__ */ p({
+  __name: "RangeCalendar",
+  props: {
+    defaultPlaceholder: {},
+    defaultValue: {},
+    modelValue: {},
+    placeholder: {},
+    allowNonContiguousRanges: { type: Boolean },
+    pagedNavigation: { type: Boolean },
+    preventDeselect: { type: Boolean },
+    maximumDays: {},
+    weekStartsOn: {},
+    weekdayFormat: {},
+    calendarLabel: {},
+    fixedWeeks: { type: Boolean },
+    maxValue: {},
+    minValue: {},
+    locale: {},
+    numberOfMonths: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    initialFocus: { type: Boolean },
+    isDateDisabled: { type: Function },
+    isDateUnavailable: { type: Function },
+    isDateHighlightable: { type: Function },
+    dir: {},
+    nextPage: { type: Function },
+    prevPage: { type: Function },
+    disableDaysOutsideCurrentView: { type: Boolean },
+    fixedDate: {},
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  emits: ["update:modelValue", "update:placeholder", "update:startValue"],
+  setup(a, { emit: t }) {
+    const e = a, s = t, n = j(e, "class"), i = Ze(n, s);
+    return (R, P) => (r(), c(l(Ca), _({
+      class: l(I)("p-3", e.class)
+    }, l(i)), {
+      default: o(({ grid: k, weekDays: x }) => [
+        N(l(Aa), null, {
+          default: o(() => [
+            N(l(La)),
+            N(l(Ga)),
+            N(l(Ua))
+          ]),
+          _: 1
+        }),
+        me("div", Fa, [
+          (r(!0), oe(ue, null, ce(k, (F) => (r(), c(l(Na), {
+            key: F.value.toString()
+          }, {
+            default: o(() => [
+              N(l(ja), null, {
+                default: o(() => [
+                  N(l(Ve), null, {
+                    default: o(() => [
+                      (r(!0), oe(ue, null, ce(x, (E) => (r(), c(l(Ma), { key: E }, {
+                        default: o(() => [
+                          z(le(E), 1)
+                        ]),
+                        _: 2
+                      }, 1024))), 128))
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1024),
+              N(l(Ia), null, {
+                default: o(() => [
+                  (r(!0), oe(ue, null, ce(F.rows, (E, u) => (r(), c(l(Ve), {
+                    key: `weekDate-${u}`,
+                    class: "mt-2 w-full"
+                  }, {
+                    default: o(() => [
+                      (r(!0), oe(ue, null, ce(E, (g) => (r(), c(l(Ea), {
+                        key: g.toString(),
+                        date: g
+                      }, {
+                        default: o(() => [
+                          N(l(Ha), {
+                            day: g,
+                            month: F.value
+                          }, null, 8, ["day", "month"])
+                        ]),
+                        _: 2
+                      }, 1032, ["date"]))), 128))
+                    ]),
+                    _: 2
+                  }, 1024))), 128))
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 2
+          }, 1024))), 128))
+        ])
+      ]),
+      _: 1
+    }, 16, ["class"]));
+  }
+}), Ea = /* @__PURE__ */ p({
+  __name: "RangeCalendarCell",
+  props: {
+    date: {},
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(a) {
+    const t = a, e = j(t, "class"), s = U(e);
+    return (n, i) => (r(), c(l(_a), _({
+      class: l(I)("relative h-9 w-9 p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([data-selected])]:bg-accent first:[&:has([data-selected])]:rounded-l-md last:[&:has([data-selected])]:rounded-r-md [&:has([data-selected][data-outside-view])]:bg-accent/50 [&:has([data-selected][data-selection-end])]:rounded-r-md [&:has([data-selected][data-selection-start])]:rounded-l-md", t.class)
+    }, l(s)), {
+      default: o(() => [
+        h(n.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), Ha = /* @__PURE__ */ p({
+  __name: "RangeCalendarCellTrigger",
+  props: {
+    day: {},
+    month: {},
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(a) {
+    const t = a, e = j(t, "class"), s = U(e);
+    return (n, i) => (r(), c(l(xa), _({
+      class: l(I)(
+        l(be)({ variant: "ghost" }),
+        "h-9 w-9 p-0 font-normal data-[selected]:opacity-100",
+        "[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground",
+        // Selection Start
+        "data-[selection-start]:bg-primary data-[selection-start]:text-primary-foreground data-[selection-start]:hover:bg-primary data-[selection-start]:hover:text-primary-foreground data-[selection-start]:focus:bg-primary data-[selection-start]:focus:text-primary-foreground",
+        // Selection End
+        "data-[selection-end]:bg-primary data-[selection-end]:text-primary-foreground data-[selection-end]:hover:bg-primary data-[selection-end]:hover:text-primary-foreground data-[selection-end]:focus:bg-primary data-[selection-end]:focus:text-primary-foreground",
+        // Outside months
+        "data-[outside-view]:text-muted-foreground data-[outside-view]:opacity-50 [&[data-outside-view][data-selected]]:bg-accent/50 [&[data-outside-view][data-selected]]:text-muted-foreground [&[data-outside-view][data-selected]]:opacity-30",
+        // Disabled
+        "data-[disabled]:text-muted-foreground data-[disabled]:opacity-50",
+        // Unavailable
+        "data-[unavailable]:text-destructive-foreground data-[unavailable]:line-through",
+        t.class
+      )
+    }, l(s)), {
+      default: o(() => [
+        h(n.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), Na = /* @__PURE__ */ p({
+  __name: "RangeCalendarGrid",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(a) {
+    const t = a, e = j(t, "class"), s = U(e);
+    return (n, i) => (r(), c(l(wa), _({
+      class: l(I)("w-full border-collapse space-y-1", t.class)
+    }, l(s)), {
+      default: o(() => [
+        h(n.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), Ia = /* @__PURE__ */ p({
+  __name: "RangeCalendarGridBody",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] }
+  },
+  setup(a) {
+    const t = a;
+    return (e, s) => (r(), c(l(Pa), q(J(t)), {
+      default: o(() => [
+        h(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), ja = /* @__PURE__ */ p({
+  __name: "RangeCalendarGridHead",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] }
+  },
+  setup(a) {
+    const t = a;
+    return (e, s) => (r(), c(l(Ra), q(J(t)), {
+      default: o(() => [
+        h(e.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Ve = /* @__PURE__ */ p({
+  __name: "RangeCalendarGridRow",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(a) {
+    const t = a, e = j(t, "class"), s = U(e);
+    return (n, i) => (r(), c(l($a), _({
+      class: l(I)("flex mt-2 w-full", t.class)
+    }, l(s)), {
+      default: o(() => [
+        h(n.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), Ma = /* @__PURE__ */ p({
+  __name: "RangeCalendarHeadCell",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(a) {
+    const t = a, e = j(t, "class"), s = U(e);
+    return (n, i) => (r(), c(l(Ba), _({
+      class: l(I)("w-9 rounded-md text-[0.8rem] font-normal text-muted-foreground", t.class)
+    }, l(s)), {
+      default: o(() => [
+        h(n.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), Aa = /* @__PURE__ */ p({
+  __name: "RangeCalendarHeader",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(a) {
+    const t = a, e = j(t, "class"), s = U(e);
+    return (n, i) => (r(), c(l(Sa), _({
+      class: l(I)("relative flex w-full items-center justify-between pt-1", t.class)
+    }, l(s)), {
+      default: o(() => [
+        h(n.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), Ga = /* @__PURE__ */ p({
+  __name: "RangeCalendarHeading",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(a) {
+    const t = a, e = j(t, "class"), s = U(e);
+    return (n, i) => (r(), c(l(Va), _({
+      class: l(I)("text-sm font-medium", t.class)
+    }, l(s)), {
+      default: o(({ headingValue: R }) => [
+        h(n.$slots, "default", { headingValue: R }, () => [
+          z(le(R), 1)
+        ])
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), Ua = /* @__PURE__ */ p({
+  __name: "RangeCalendarNextButton",
+  props: {
+    nextPage: { type: Function },
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(a) {
+    const t = a, e = j(t, "class"), s = U(e);
+    return (n, i) => (r(), c(l(Oa), _({
+      class: l(I)(
+        l(be)({ variant: "outline" }),
+        "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+        t.class
+      )
+    }, l(s)), {
+      default: o(() => [
+        h(n.$slots, "default", {}, () => [
+          N(l(ga), { class: "h-4 w-4" })
+        ])
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), La = /* @__PURE__ */ p({
+  __name: "RangeCalendarPrevButton",
+  props: {
+    prevPage: { type: Function },
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(a) {
+    const t = a, e = j(t, "class"), s = U(e);
+    return (n, i) => (r(), c(l(ka), _({
+      class: l(I)(
+        l(be)({ variant: "outline" }),
+        "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+        t.class
+      )
+    }, l(s)), {
+      default: o(() => [
+        h(n.$slots, "default", {}, () => [
+          N(l(ha), { class: "h-4 w-4" })
+        ])
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  dt as RangeCalendar,
+  Ea as RangeCalendarCell,
+  Ha as RangeCalendarCellTrigger,
+  Na as RangeCalendarGrid,
+  Ia as RangeCalendarGridBody,
+  ja as RangeCalendarGridHead,
+  Ve as RangeCalendarGridRow,
+  Ma as RangeCalendarHeadCell,
+  Aa as RangeCalendarHeader,
+  Ga as RangeCalendarHeading,
+  Ua as RangeCalendarNextButton,
+  La as RangeCalendarPrevButton
+};