@easyops-cn/a2ui-react 0.0.0 → 0.0.2

package/dist/a2ui-react107.js

@@ -0,0 +1,436 @@
+import * as l from "react";
+import { clamp as $ } from "./a2ui-react212.js";
+import { composeEventHandlers as _ } from "./a2ui-react213.js";
+import { useComposedRefs as C } from "./a2ui-react215.js";
+import { createContextScope as ce } from "./a2ui-react216.js";
+import { useControllableState as le } from "./a2ui-react227.js";
+import { useDirection as de } from "./a2ui-react217.js";
+import { usePrevious as ue } from "./a2ui-react229.js";
+import { useSize as fe } from "./a2ui-react235.js";
+import { Primitive as V } from "./a2ui-react224.js";
+import { createCollection as me } from "./a2ui-react214.js";
+import { jsx as g, jsxs as pe } from "react/jsx-runtime";
+var j = ["PageUp", "PageDown"], X = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], G = {
+  "from-left": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
+  "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
+  "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
+  "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
+}, M = "Slider", [N, Se, he] = me(M), [W] = ce(M, [
+  he
+]), [ge, B] = W(M), q = l.forwardRef(
+  (e, t) => {
+    const {
+      name: o,
+      min: n = 0,
+      max: s = 100,
+      step: c = 1,
+      orientation: r = "horizontal",
+      disabled: a = !1,
+      minStepsBetweenThumbs: u = 0,
+      defaultValue: w = [n],
+      value: S,
+      onValueChange: i = () => {
+      },
+      onValueCommit: d = () => {
+      },
+      inverted: v = !1,
+      form: y,
+      ...h
+    } = e, m = l.useRef(/* @__PURE__ */ new Set()), f = l.useRef(0), b = r === "horizontal" ? ve : we, [p = [], K] = le({
+      prop: S,
+      defaultProp: w,
+      onChange: (R) => {
+        [...m.current][f.current]?.focus(), i(R);
+      }
+    }), T = l.useRef(p);
+    function k(R) {
+      const P = xe(p, R);
+      I(R, P);
+    }
+    function se(R) {
+      I(R, f.current);
+    }
+    function ae() {
+      const R = T.current[f.current];
+      p[f.current] !== R && d(p);
+    }
+    function I(R, P, { commit: z } = { commit: !1 }) {
+      const F = Ce(c), H = Me(Math.round((R - n) / c) * c + n, F), A = $(H, [n, s]);
+      K((E = []) => {
+        const x = ye(E, A, P);
+        if (_e(x, u * c)) {
+          f.current = x.indexOf(A);
+          const Y = String(x) !== String(E);
+          return Y && z && d(x), Y ? x : E;
+        } else
+          return E;
+      });
+    }
+    return /* @__PURE__ */ g(
+      ge,
+      {
+        scope: e.__scopeSlider,
+        name: o,
+        disabled: a,
+        min: n,
+        max: s,
+        valueIndexToChangeRef: f,
+        thumbs: m.current,
+        values: p,
+        orientation: r,
+        form: y,
+        children: /* @__PURE__ */ g(N.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ g(N.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ g(
+          b,
+          {
+            "aria-disabled": a,
+            "data-disabled": a ? "" : void 0,
+            ...h,
+            ref: t,
+            onPointerDown: _(h.onPointerDown, () => {
+              a || (T.current = p);
+            }),
+            min: n,
+            max: s,
+            inverted: v,
+            onSlideStart: a ? void 0 : k,
+            onSlideMove: a ? void 0 : se,
+            onSlideEnd: a ? void 0 : ae,
+            onHomeKeyDown: () => !a && I(n, 0, { commit: !0 }),
+            onEndKeyDown: () => !a && I(s, p.length - 1, { commit: !0 }),
+            onStepKeyDown: ({ event: R, direction: P }) => {
+              if (!a) {
+                const H = j.includes(R.key) || R.shiftKey && X.includes(R.key) ? 10 : 1, A = f.current, E = p[A], x = c * H * P;
+                I(E + x, A, { commit: !0 });
+              }
+            }
+          }
+        ) }) })
+      }
+    );
+  }
+);
+q.displayName = M;
+var [J, Q] = W(M, {
+  startEdge: "left",
+  endEdge: "right",
+  size: "width",
+  direction: 1
+}), ve = l.forwardRef(
+  (e, t) => {
+    const {
+      min: o,
+      max: n,
+      dir: s,
+      inverted: c,
+      onSlideStart: r,
+      onSlideMove: a,
+      onSlideEnd: u,
+      onStepKeyDown: w,
+      ...S
+    } = e, [i, d] = l.useState(null), v = C(t, (b) => d(b)), y = l.useRef(void 0), h = de(s), m = h === "ltr", f = m && !c || !m && c;
+    function D(b) {
+      const p = y.current || i.getBoundingClientRect(), K = [0, p.width], k = U(K, f ? [o, n] : [n, o]);
+      return y.current = p, k(b - p.left);
+    }
+    return /* @__PURE__ */ g(
+      J,
+      {
+        scope: e.__scopeSlider,
+        startEdge: f ? "left" : "right",
+        endEdge: f ? "right" : "left",
+        direction: f ? 1 : -1,
+        size: "width",
+        children: /* @__PURE__ */ g(
+          Z,
+          {
+            dir: h,
+            "data-orientation": "horizontal",
+            ...S,
+            ref: v,
+            style: {
+              ...S.style,
+              "--radix-slider-thumb-transform": "translateX(-50%)"
+            },
+            onSlideStart: (b) => {
+              const p = D(b.clientX);
+              r?.(p);
+            },
+            onSlideMove: (b) => {
+              const p = D(b.clientX);
+              a?.(p);
+            },
+            onSlideEnd: () => {
+              y.current = void 0, u?.();
+            },
+            onStepKeyDown: (b) => {
+              const K = G[f ? "from-left" : "from-right"].includes(b.key);
+              w?.({ event: b, direction: K ? -1 : 1 });
+            }
+          }
+        )
+      }
+    );
+  }
+), we = l.forwardRef(
+  (e, t) => {
+    const {
+      min: o,
+      max: n,
+      inverted: s,
+      onSlideStart: c,
+      onSlideMove: r,
+      onSlideEnd: a,
+      onStepKeyDown: u,
+      ...w
+    } = e, S = l.useRef(null), i = C(t, S), d = l.useRef(void 0), v = !s;
+    function y(h) {
+      const m = d.current || S.current.getBoundingClientRect(), f = [0, m.height], b = U(f, v ? [n, o] : [o, n]);
+      return d.current = m, b(h - m.top);
+    }
+    return /* @__PURE__ */ g(
+      J,
+      {
+        scope: e.__scopeSlider,
+        startEdge: v ? "bottom" : "top",
+        endEdge: v ? "top" : "bottom",
+        size: "height",
+        direction: v ? 1 : -1,
+        children: /* @__PURE__ */ g(
+          Z,
+          {
+            "data-orientation": "vertical",
+            ...w,
+            ref: i,
+            style: {
+              ...w.style,
+              "--radix-slider-thumb-transform": "translateY(50%)"
+            },
+            onSlideStart: (h) => {
+              const m = y(h.clientY);
+              c?.(m);
+            },
+            onSlideMove: (h) => {
+              const m = y(h.clientY);
+              r?.(m);
+            },
+            onSlideEnd: () => {
+              d.current = void 0, a?.();
+            },
+            onStepKeyDown: (h) => {
+              const f = G[v ? "from-bottom" : "from-top"].includes(h.key);
+              u?.({ event: h, direction: f ? -1 : 1 });
+            }
+          }
+        )
+      }
+    );
+  }
+), Z = l.forwardRef(
+  (e, t) => {
+    const {
+      __scopeSlider: o,
+      onSlideStart: n,
+      onSlideMove: s,
+      onSlideEnd: c,
+      onHomeKeyDown: r,
+      onEndKeyDown: a,
+      onStepKeyDown: u,
+      ...w
+    } = e, S = B(M, o);
+    return /* @__PURE__ */ g(
+      V.span,
+      {
+        ...w,
+        ref: t,
+        onKeyDown: _(e.onKeyDown, (i) => {
+          i.key === "Home" ? (r(i), i.preventDefault()) : i.key === "End" ? (a(i), i.preventDefault()) : j.concat(X).includes(i.key) && (u(i), i.preventDefault());
+        }),
+        onPointerDown: _(e.onPointerDown, (i) => {
+          const d = i.target;
+          d.setPointerCapture(i.pointerId), i.preventDefault(), S.thumbs.has(d) ? d.focus() : n(i);
+        }),
+        onPointerMove: _(e.onPointerMove, (i) => {
+          i.target.hasPointerCapture(i.pointerId) && s(i);
+        }),
+        onPointerUp: _(e.onPointerUp, (i) => {
+          const d = i.target;
+          d.hasPointerCapture(i.pointerId) && (d.releasePointerCapture(i.pointerId), c(i));
+        })
+      }
+    );
+  }
+), ee = "SliderTrack", te = l.forwardRef(
+  (e, t) => {
+    const { __scopeSlider: o, ...n } = e, s = B(ee, o);
+    return /* @__PURE__ */ g(
+      V.span,
+      {
+        "data-disabled": s.disabled ? "" : void 0,
+        "data-orientation": s.orientation,
+        ...n,
+        ref: t
+      }
+    );
+  }
+);
+te.displayName = ee;
+var L = "SliderRange", ne = l.forwardRef(
+  (e, t) => {
+    const { __scopeSlider: o, ...n } = e, s = B(L, o), c = Q(L, o), r = l.useRef(null), a = C(t, r), u = s.values.length, w = s.values.map(
+      (d) => ie(d, s.min, s.max)
+    ), S = u > 1 ? Math.min(...w) : 0, i = 100 - Math.max(...w);
+    return /* @__PURE__ */ g(
+      V.span,
+      {
+        "data-orientation": s.orientation,
+        "data-disabled": s.disabled ? "" : void 0,
+        ...n,
+        ref: a,
+        style: {
+          ...e.style,
+          [c.startEdge]: S + "%",
+          [c.endEdge]: i + "%"
+        }
+      }
+    );
+  }
+);
+ne.displayName = L;
+var O = "SliderThumb", oe = l.forwardRef(
+  (e, t) => {
+    const o = Se(e.__scopeSlider), [n, s] = l.useState(null), c = C(t, (a) => s(a)), r = l.useMemo(
+      () => n ? o().findIndex((a) => a.ref.current === n) : -1,
+      [o, n]
+    );
+    return /* @__PURE__ */ g(be, { ...e, ref: c, index: r });
+  }
+), be = l.forwardRef(
+  (e, t) => {
+    const { __scopeSlider: o, index: n, name: s, ...c } = e, r = B(O, o), a = Q(O, o), [u, w] = l.useState(null), S = C(t, (D) => w(D)), i = u ? r.form || !!u.closest("form") : !0, d = fe(u), v = r.values[n], y = v === void 0 ? 0 : ie(v, r.min, r.max), h = Pe(n, r.values.length), m = d?.[a.size], f = m ? De(m, y, a.direction) : 0;
+    return l.useEffect(() => {
+      if (u)
+        return r.thumbs.add(u), () => {
+          r.thumbs.delete(u);
+        };
+    }, [u, r.thumbs]), /* @__PURE__ */ pe(
+      "span",
+      {
+        style: {
+          transform: "var(--radix-slider-thumb-transform)",
+          position: "absolute",
+          [a.startEdge]: `calc(${y}% + ${f}px)`
+        },
+        children: [
+          /* @__PURE__ */ g(N.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ g(
+            V.span,
+            {
+              role: "slider",
+              "aria-label": e["aria-label"] || h,
+              "aria-valuemin": r.min,
+              "aria-valuenow": v,
+              "aria-valuemax": r.max,
+              "aria-orientation": r.orientation,
+              "data-orientation": r.orientation,
+              "data-disabled": r.disabled ? "" : void 0,
+              tabIndex: r.disabled ? void 0 : 0,
+              ...c,
+              ref: S,
+              style: v === void 0 ? { display: "none" } : e.style,
+              onFocus: _(e.onFocus, () => {
+                r.valueIndexToChangeRef.current = n;
+              })
+            }
+          ) }),
+          i && /* @__PURE__ */ g(
+            re,
+            {
+              name: s ?? (r.name ? r.name + (r.values.length > 1 ? "[]" : "") : void 0),
+              form: r.form,
+              value: v
+            },
+            n
+          )
+        ]
+      }
+    );
+  }
+);
+oe.displayName = O;
+var Re = "RadioBubbleInput", re = l.forwardRef(
+  ({ __scopeSlider: e, value: t, ...o }, n) => {
+    const s = l.useRef(null), c = C(s, n), r = ue(t);
+    return l.useEffect(() => {
+      const a = s.current;
+      if (!a) return;
+      const u = window.HTMLInputElement.prototype, S = Object.getOwnPropertyDescriptor(u, "value").set;
+      if (r !== t && S) {
+        const i = new Event("input", { bubbles: !0 });
+        S.call(a, t), a.dispatchEvent(i);
+      }
+    }, [r, t]), /* @__PURE__ */ g(
+      V.input,
+      {
+        style: { display: "none" },
+        ...o,
+        ref: c,
+        defaultValue: t
+      }
+    );
+  }
+);
+re.displayName = Re;
+function ye(e = [], t, o) {
+  const n = [...e];
+  return n[o] = t, n.sort((s, c) => s - c);
+}
+function ie(e, t, o) {
+  const c = 100 / (o - t) * (e - t);
+  return $(c, [0, 100]);
+}
+function Pe(e, t) {
+  return t > 2 ? `Value ${e + 1} of ${t}` : t === 2 ? ["Minimum", "Maximum"][e] : void 0;
+}
+function xe(e, t) {
+  if (e.length === 1) return 0;
+  const o = e.map((s) => Math.abs(s - t)), n = Math.min(...o);
+  return o.indexOf(n);
+}
+function De(e, t, o) {
+  const n = e / 2, c = U([0, 50], [0, n]);
+  return (n - c(t) * o) * o;
+}
+function Ee(e) {
+  return e.slice(0, -1).map((t, o) => e[o + 1] - t);
+}
+function _e(e, t) {
+  if (t > 0) {
+    const o = Ee(e);
+    return Math.min(...o) >= t;
+  }
+  return !0;
+}
+function U(e, t) {
+  return (o) => {
+    if (e[0] === e[1] || t[0] === t[1]) return t[0];
+    const n = (t[1] - t[0]) / (e[1] - e[0]);
+    return t[0] + n * (o - e[0]);
+  };
+}
+function Ce(e) {
+  return (String(e).split(".")[1] || "").length;
+}
+function Me(e, t) {
+  const o = Math.pow(10, t);
+  return Math.round(e * o) / o;
+}
+var Oe = q, Ue = te, Fe = ne, Ye = oe;
+export {
+  Fe as Range,
+  Oe as Root,
+  q as Slider,
+  ne as SliderRange,
+  oe as SliderThumb,
+  te as SliderTrack,
+  Ye as Thumb,
+  Ue as Track
+};

package/dist/a2ui-react108.js

@@ -0,0 +1,16 @@
+import { UI as t, DayFlag as e, SelectionState as r, Animation as s } from "./a2ui-react291.js";
+function i() {
+  const o = {};
+  for (const n in t)
+    o[t[n]] = `rdp-${t[n]}`;
+  for (const n in e)
+    o[e[n]] = `rdp-${e[n]}`;
+  for (const n in r)
+    o[r[n]] = `rdp-${r[n]}`;
+  for (const n in s)
+    o[s[n]] = `rdp-${s[n]}`;
+  return o;
+}
+export {
+  i as getDefaultClassNames
+};

package/dist/a2ui-react109.js

@@ -0,0 +1,234 @@
+import l, { useMemo as T, useCallback as h, useRef as Re } from "react";
+import { DateLib as Ze } from "./a2ui-react279.js";
+import { createGetModifiers as Ie } from "./a2ui-react280.js";
+import { getClassNamesForModifiers as Ge } from "./a2ui-react281.js";
+import { getComponents as He } from "./a2ui-react282.js";
+import { getDataAttributes as _e } from "./a2ui-react283.js";
+import { getDefaultClassNames as Ue } from "./a2ui-react108.js";
+import { getFormatters as je } from "./a2ui-react284.js";
+import { getLabels as Ve } from "./a2ui-react285.js";
+import { getMonthOptions as $e } from "./a2ui-react286.js";
+import { getStyleForModifiers as qe } from "./a2ui-react287.js";
+import { getWeekdays as ze } from "./a2ui-react288.js";
+import { getYearOptions as Je } from "./a2ui-react289.js";
+import { createNoonOverrides as Qe } from "./a2ui-react290.js";
+import { UI as n, DayFlag as Xe, SelectionState as w } from "./a2ui-react291.js";
+import { useAnimation as et } from "./a2ui-react292.js";
+import { useCalendar as tt } from "./a2ui-react293.js";
+import { dayPickerContext as at } from "./a2ui-react294.js";
+import { useFocus as ot } from "./a2ui-react295.js";
+import { useSelection as nt } from "./a2ui-react296.js";
+import { convertMatchersToTimeZone as K } from "./a2ui-react297.js";
+import { rangeIncludesDate as st } from "./a2ui-react298.js";
+import { toTimeZone as k } from "./a2ui-react299.js";
+import { isDateRange as rt } from "./a2ui-react300.js";
+import { enUS as it } from "./a2ui-react301.js";
+function Yt(R) {
+  let e = R;
+  const u = e.timeZone;
+  if (u && (e = {
+    ...R,
+    timeZone: u
+  }, e.today && (e.today = k(e.today, u)), e.month && (e.month = k(e.month, u)), e.defaultMonth && (e.defaultMonth = k(e.defaultMonth, u)), e.startMonth && (e.startMonth = k(e.startMonth, u)), e.endMonth && (e.endMonth = k(e.endMonth, u)), e.mode === "single" && e.selected ? e.selected = k(e.selected, u) : e.mode === "multiple" && e.selected ? e.selected = e.selected?.map((o) => k(o, u)) : e.mode === "range" && e.selected && (e.selected = {
+    from: e.selected.from ? k(e.selected.from, u) : e.selected.from,
+    to: e.selected.to ? k(e.selected.to, u) : e.selected.to
+  }), e.disabled !== void 0 && (e.disabled = K(e.disabled, u)), e.hidden !== void 0 && (e.hidden = K(e.hidden, u)), e.modifiers)) {
+    const o = {};
+    Object.keys(e.modifiers).forEach((i) => {
+      o[i] = K(e.modifiers?.[i], u);
+    }), e.modifiers = o;
+  }
+  const { components: m, formatters: v, labels: Z, dateLib: a, locale: se, classNames: d } = T(() => {
+    const o = { ...it, ...e.locale }, i = e.broadcastCalendar ? 1 : e.weekStartsOn, t = e.noonSafe && e.timeZone ? Qe(e.timeZone, {
+      weekStartsOn: i,
+      locale: o
+    }) : void 0, r = e.dateLib && t ? { ...t, ...e.dateLib } : e.dateLib ?? t, f = new Ze({
+      locale: o,
+      weekStartsOn: i,
+      firstWeekContainsDate: e.firstWeekContainsDate,
+      useAdditionalWeekYearTokens: e.useAdditionalWeekYearTokens,
+      useAdditionalDayOfYearTokens: e.useAdditionalDayOfYearTokens,
+      timeZone: e.timeZone,
+      numerals: e.numerals
+    }, r);
+    return {
+      dateLib: f,
+      components: He(e.components),
+      formatters: je(e.formatters),
+      labels: Ve(e.labels, f.options),
+      locale: o,
+      classNames: { ...Ue(), ...e.classNames }
+    };
+  }, [
+    e.locale,
+    e.broadcastCalendar,
+    e.weekStartsOn,
+    e.firstWeekContainsDate,
+    e.useAdditionalWeekYearTokens,
+    e.useAdditionalDayOfYearTokens,
+    e.timeZone,
+    e.numerals,
+    e.dateLib,
+    e.noonSafe,
+    e.components,
+    e.formatters,
+    e.labels,
+    e.classNames
+  ]);
+  e.today || (e = { ...e, today: a.today() });
+  const { captionLayout: N, mode: C, navLayout: D, numberOfMonths: I = 1, onDayBlur: G, onDayClick: W, onDayFocus: H, onDayKeyDown: _, onDayMouseEnter: U, onDayMouseLeave: j, onNextClick: V, onPrevClick: $, showWeekNumber: q, styles: c } = e, { formatCaption: z, formatDay: J, formatMonthDropdown: re, formatWeekNumber: ie, formatWeekNumberHeader: de, formatWeekdayName: le, formatYearDropdown: me } = v, Q = tt(e, a), { days: ce, months: E, navStart: B, navEnd: O, previousMonth: p, nextMonth: b, goToMonth: y } = Q, S = Ie(ce, e, B, O, a), { isSelected: x, select: L, selected: g } = nt(e, a) ?? {}, { blur: X, focused: ee, isFocusTarget: ue, moveFocus: te, setFocused: M } = ot(e, Q, S, x ?? (() => !1), a), { labelDayButton: fe, labelGridcell: pe, labelGrid: be, labelMonthDropdown: he, labelNav: ae, labelPrevious: ye, labelNext: ke, labelWeekday: Ne, labelWeekNumber: ve, labelWeekNumberHeader: De, labelYearDropdown: ge } = Z, Me = T(() => ze(a, e.ISOWeek, e.broadcastCalendar, e.today), [a, e.ISOWeek, e.broadcastCalendar, e.today]), oe = C !== void 0 || W !== void 0, Y = h(() => {
+    p && (y(p), $?.(p));
+  }, [p, y, $]), P = h(() => {
+    b && (y(b), V?.(b));
+  }, [y, b, V]), we = h((o, i) => (t) => {
+    t.preventDefault(), t.stopPropagation(), M(o), !i.disabled && (L?.(o.date, i, t), W?.(o.date, i, t));
+  }, [L, W, M]), Ce = h((o, i) => (t) => {
+    M(o), H?.(o.date, i, t);
+  }, [H, M]), We = h((o, i) => (t) => {
+    X(), G?.(o.date, i, t);
+  }, [X, G]), Ee = h((o, i) => (t) => {
+    const r = {
+      ArrowLeft: [
+        t.shiftKey ? "month" : "day",
+        e.dir === "rtl" ? "after" : "before"
+      ],
+      ArrowRight: [
+        t.shiftKey ? "month" : "day",
+        e.dir === "rtl" ? "before" : "after"
+      ],
+      ArrowDown: [t.shiftKey ? "year" : "week", "after"],
+      ArrowUp: [t.shiftKey ? "year" : "week", "before"],
+      PageUp: [t.shiftKey ? "year" : "month", "before"],
+      PageDown: [t.shiftKey ? "year" : "month", "after"],
+      Home: ["startOfWeek", "before"],
+      End: ["endOfWeek", "after"]
+    };
+    if (r[t.key]) {
+      t.preventDefault(), t.stopPropagation();
+      const [f, s] = r[t.key];
+      te(f, s);
+    }
+    _?.(o.date, i, t);
+  }, [te, _, e.dir]), Be = h((o, i) => (t) => {
+    U?.(o.date, i, t);
+  }, [U]), Oe = h((o, i) => (t) => {
+    j?.(o.date, i, t);
+  }, [j]), Se = h((o) => (i) => {
+    const t = Number(i.target.value), r = a.setMonth(a.startOfMonth(o), t);
+    y(r);
+  }, [a, y]), xe = h((o) => (i) => {
+    const t = Number(i.target.value), r = a.setYear(a.startOfMonth(o), t);
+    y(r);
+  }, [a, y]), { className: Le, style: Ye } = T(() => ({
+    className: [d[n.Root], e.className].filter(Boolean).join(" "),
+    style: { ...c?.[n.Root], ...e.style }
+  }), [d, e.className, e.style, c]), Pe = _e(e), ne = Re(null);
+  et(ne, !!e.animate, {
+    classNames: d,
+    months: E,
+    focused: ee,
+    dateLib: a
+  });
+  const Fe = {
+    dayPickerProps: e,
+    selected: g,
+    select: L,
+    isSelected: x,
+    months: E,
+    nextMonth: b,
+    previousMonth: p,
+    goToMonth: y,
+    getModifiers: S,
+    components: m,
+    classNames: d,
+    styles: c,
+    labels: Z,
+    formatters: v
+  };
+  return l.createElement(
+    at.Provider,
+    { value: Fe },
+    l.createElement(
+      m.Root,
+      { rootRef: e.animate ? ne : void 0, className: Le, style: Ye, dir: e.dir, id: e.id, lang: e.lang, nonce: e.nonce, title: e.title, role: e.role, "aria-label": e["aria-label"], "aria-labelledby": e["aria-labelledby"], ...Pe },
+      l.createElement(
+        m.Months,
+        { className: d[n.Months], style: c?.[n.Months] },
+        !e.hideNavigation && !D && l.createElement(m.Nav, { "data-animated-nav": e.animate ? "true" : void 0, className: d[n.Nav], style: c?.[n.Nav], "aria-label": ae(), onPreviousClick: Y, onNextClick: P, previousMonth: p, nextMonth: b }),
+        E.map((o, i) => l.createElement(
+          m.Month,
+          {
+            "data-animated-month": e.animate ? "true" : void 0,
+            className: d[n.Month],
+            style: c?.[n.Month],
+            // biome-ignore lint/suspicious/noArrayIndexKey: breaks animation
+            key: i,
+            displayIndex: i,
+            calendarMonth: o
+          },
+          D === "around" && !e.hideNavigation && i === 0 && l.createElement(
+            m.PreviousMonthButton,
+            { type: "button", className: d[n.PreviousMonthButton], tabIndex: p ? void 0 : -1, "aria-disabled": p ? void 0 : !0, "aria-label": ye(p), onClick: Y, "data-animated-button": e.animate ? "true" : void 0 },
+            l.createElement(m.Chevron, { disabled: p ? void 0 : !0, className: d[n.Chevron], orientation: e.dir === "rtl" ? "right" : "left" })
+          ),
+          l.createElement(m.MonthCaption, { "data-animated-caption": e.animate ? "true" : void 0, className: d[n.MonthCaption], style: c?.[n.MonthCaption], calendarMonth: o, displayIndex: i }, N?.startsWith("dropdown") ? l.createElement(
+            m.DropdownNav,
+            { className: d[n.Dropdowns], style: c?.[n.Dropdowns] },
+            (() => {
+              const t = N === "dropdown" || N === "dropdown-months" ? l.createElement(m.MonthsDropdown, { key: "month", className: d[n.MonthsDropdown], "aria-label": he(), classNames: d, components: m, disabled: !!e.disableNavigation, onChange: Se(o.date), options: $e(o.date, B, O, v, a), style: c?.[n.Dropdown], value: a.getMonth(o.date) }) : l.createElement("span", { key: "month" }, re(o.date, a)), r = N === "dropdown" || N === "dropdown-years" ? l.createElement(m.YearsDropdown, { key: "year", className: d[n.YearsDropdown], "aria-label": ge(a.options), classNames: d, components: m, disabled: !!e.disableNavigation, onChange: xe(o.date), options: Je(B, O, v, a, !!e.reverseYears), style: c?.[n.Dropdown], value: a.getYear(o.date) }) : l.createElement("span", { key: "year" }, me(o.date, a));
+              return a.getMonthYearOrder() === "year-first" ? [r, t] : [t, r];
+            })(),
+            l.createElement("span", { role: "status", "aria-live": "polite", style: {
+              border: 0,
+              clip: "rect(0 0 0 0)",
+              height: "1px",
+              margin: "-1px",
+              overflow: "hidden",
+              padding: 0,
+              position: "absolute",
+              width: "1px",
+              whiteSpace: "nowrap",
+              wordWrap: "normal"
+            } }, z(o.date, a.options, a))
+          ) : l.createElement(m.CaptionLabel, { className: d[n.CaptionLabel], role: "status", "aria-live": "polite" }, z(o.date, a.options, a))),
+          D === "around" && !e.hideNavigation && i === I - 1 && l.createElement(
+            m.NextMonthButton,
+            { type: "button", className: d[n.NextMonthButton], tabIndex: b ? void 0 : -1, "aria-disabled": b ? void 0 : !0, "aria-label": ke(b), onClick: P, "data-animated-button": e.animate ? "true" : void 0 },
+            l.createElement(m.Chevron, { disabled: b ? void 0 : !0, className: d[n.Chevron], orientation: e.dir === "rtl" ? "left" : "right" })
+          ),
+          i === I - 1 && D === "after" && !e.hideNavigation && l.createElement(m.Nav, { "data-animated-nav": e.animate ? "true" : void 0, className: d[n.Nav], style: c?.[n.Nav], "aria-label": ae(), onPreviousClick: Y, onNextClick: P, previousMonth: p, nextMonth: b }),
+          l.createElement(
+            m.MonthGrid,
+            { role: "grid", "aria-multiselectable": C === "multiple" || C === "range", "aria-label": be(o.date, a.options, a) || void 0, className: d[n.MonthGrid], style: c?.[n.MonthGrid] },
+            !e.hideWeekdays && l.createElement(
+              m.Weekdays,
+              { "data-animated-weekdays": e.animate ? "true" : void 0, className: d[n.Weekdays], style: c?.[n.Weekdays] },
+              q && l.createElement(m.WeekNumberHeader, { "aria-label": De(a.options), className: d[n.WeekNumberHeader], style: c?.[n.WeekNumberHeader], scope: "col" }, de()),
+              Me.map((t) => l.createElement(m.Weekday, { "aria-label": Ne(t, a.options, a), className: d[n.Weekday], key: String(t), style: c?.[n.Weekday], scope: "col" }, le(t, a.options, a)))
+            ),
+            l.createElement(m.Weeks, { "data-animated-weeks": e.animate ? "true" : void 0, className: d[n.Weeks], style: c?.[n.Weeks] }, o.weeks.map((t) => l.createElement(
+              m.Week,
+              { className: d[n.Week], key: t.weekNumber, style: c?.[n.Week], week: t },
+              q && l.createElement(m.WeekNumber, { week: t, style: c?.[n.WeekNumber], "aria-label": ve(t.weekNumber, {
+                locale: se
+              }), className: d[n.WeekNumber], scope: "row", role: "rowheader" }, ie(t.weekNumber, a)),
+              t.days.map((r) => {
+                const { date: f } = r, s = S(r);
+                if (s[Xe.focused] = !s.hidden && !!ee?.isEqualTo(r), s[w.selected] = x?.(f) || s.selected, rt(g)) {
+                  const { from: F, to: A } = g;
+                  s[w.range_start] = !!(F && A && a.isSameDay(f, F)), s[w.range_end] = !!(F && A && a.isSameDay(f, A)), s[w.range_middle] = st(g, f, !0, a);
+                }
+                const Ae = qe(s, c, e.modifiersStyles), Te = Ge(s, d, e.modifiersClassNames), Ke = !oe && !s.hidden ? pe(f, s, a.options, a) : void 0;
+                return l.createElement(m.Day, { key: `${r.isoDate}_${r.displayMonthId}`, day: r, modifiers: s, className: Te.join(" "), style: Ae, role: "gridcell", "aria-selected": s.selected || void 0, "aria-label": Ke, "data-day": r.isoDate, "data-month": r.outside ? r.dateMonthId : void 0, "data-selected": s.selected || void 0, "data-disabled": s.disabled || void 0, "data-hidden": s.hidden || void 0, "data-outside": r.outside || void 0, "data-focused": s.focused || void 0, "data-today": s.today || void 0 }, !s.hidden && oe ? l.createElement(m.DayButton, { className: d[n.DayButton], style: c?.[n.DayButton], type: "button", day: r, modifiers: s, disabled: !s.focused && s.disabled || void 0, "aria-disabled": s.focused && s.disabled || void 0, tabIndex: ue(r) ? 0 : -1, "aria-label": fe(f, s, a.options, a), onClick: we(r, s), onBlur: We(r, s), onFocus: Ce(r, s), onKeyDown: Ee(r, s), onMouseEnter: Be(r, s), onMouseLeave: Oe(r, s) }, J(f, a.options, a)) : !s.hidden && J(r.date, a.options, a));
+              })
+            )))
+          )
+        ))
+      ),
+      e.footer && l.createElement(m.Footer, { className: d[n.Footer], style: c?.[n.Footer], role: "status", "aria-live": "polite" }, e.footer)
+    )
+  );
+}
+export {
+  Yt as DayPicker
+};