mada-design-system 1.0.0 → 1.0.1

package/index.es307.js

@@ -1,42 +1,8 @@
-import { DayFlag as e } from "./index.es317.js";
-import { dateMatchModifiers as u } from "./index.es369.js";
-function V(b, S, h, M, i) {
-  const { disabled: p, hidden: y, modifiers: d, showOutsideDays: m, broadcastCalendar: B, today: g = i.today() } = S, { isSameDay: v, isSameMonth: A, startOfMonth: E, isBefore: F, endOfMonth: j, isAfter: k } = i, O = h && E(h), D = M && j(M), a = {
-    [e.focused]: [],
-    [e.outside]: [],
-    [e.disabled]: [],
-    [e.hidden]: [],
-    [e.today]: []
-  }, n = {};
-  for (const s of b) {
-    const { date: o, displayMonth: c } = s, t = !!(c && !A(o, c)), f = !!(O && F(o, O)), l = !!(D && k(o, D)), w = !!(p && u(o, p, i)), x = !!(y && u(o, y, i)) || f || l || // Broadcast calendar will show outside days as default
-    !B && !m && t || B && m === !1 && t, C = v(o, g);
-    t && a.outside.push(s), w && a.disabled.push(s), x && a.hidden.push(s), C && a.today.push(s), d && Object.keys(d).forEach((r) => {
-      const N = d == null ? void 0 : d[r];
-      N && u(o, N, i) && (n[r] ? n[r].push(s) : n[r] = [s]);
-    });
-  }
-  return (s) => {
-    const o = {
-      [e.focused]: !1,
-      [e.disabled]: !1,
-      [e.hidden]: !1,
-      [e.outside]: !1,
-      [e.today]: !1
-    }, c = {};
-    for (const t in a) {
-      const f = a[t];
-      o[t] = f.some((l) => l === s);
-    }
-    for (const t in n)
-      c[t] = n[t].some((f) => f === s);
-    return {
-      ...o,
-      // custom modifiers should override all the previous ones
-      ...c
-    };
-  };
+import r from "react";
+function c(e) {
+  const { week: o, ...t } = e;
+  return r.createElement("th", { ...t });
 }
 export {
-  V as createGetModifiers
+  c as WeekNumber
 };

package/index.es308.js

@@ -1,7 +1,7 @@
-import { DayFlag as e, SelectionState as n, UI as d } from "./index.es317.js";
-function p(o, i, f = {}) {
-  return Object.entries(o).filter(([, t]) => t === !0).reduce((t, [r]) => (f[r] ? t.push(f[r]) : i[e[r]] ? t.push(i[e[r]]) : i[n[r]] && t.push(i[n[r]]), t), [i[d.Day]]);
+import t from "react";
+function a(e) {
+  return t.createElement("th", { ...e });
 }
 export {
-  p as getClassNamesForModifiers
+  a as WeekNumberHeader
 };

package/index.es309.js

@@ -1,10 +1,7 @@
-import * as t from "./index.es280.js";
-function n(o) {
-  return {
-    ...t,
-    ...o
-  };
+import t from "react";
+function o(e) {
+  return t.createElement("tbody", { ...e });
 }
 export {
-  n as getComponents
+  o as Weeks
 };

package/index.es31.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-checkbox";
 import * as s from "react";
-import { cva as i } from "./index.es118.js";
+import { cva as i } from "./index.es113.js";
 import { cn as r } from "./index.es94.js";
 const b = i(
   `flex aspect-square justify-center items-center data-[state=checked]:text-icon-oncolor enabled:active:data-[state=unchecked]:bg-control-pressed border border-control-border enabled:hover:bg-control-ripple-effect enabled:focus:ring-2 enabled:focus:ring-border-black enabled:focus:ring-offset-2 disabled:cursor-not-allowed

package/index.es310.js

@@ -1,16 +1,9 @@
-function n(e) {
-  const t = {
-    "data-mode": e.mode ?? void 0,
-    "data-required": "required" in e ? e.required : void 0,
-    "data-multiple-months": e.numberOfMonths && e.numberOfMonths > 1 || void 0,
-    "data-week-numbers": e.showWeekNumber || void 0,
-    "data-broadcast-calendar": e.broadcastCalendar || void 0,
-    "data-nav-layout": e.navLayout || void 0
-  };
-  return Object.entries(e).forEach(([a, d]) => {
-    a.startsWith("data-") && (t[a] = d);
-  }), t;
+import r from "react";
+import { useDayPicker as t } from "./index.es324.js";
+function m(o) {
+  const { components: e } = t();
+  return r.createElement(e.Dropdown, { ...o });
 }
 export {
-  n as getDataAttributes
+  m as YearsDropdown
 };

package/index.es311.js

@@ -1,10 +1,42 @@
-import * as f from "./index.es327.js";
-function i(n) {
-  return n != null && n.formatMonthCaption && !n.formatCaption && (n.formatCaption = n.formatMonthCaption), n != null && n.formatYearCaption && !n.formatYearDropdown && (n.formatYearDropdown = n.formatYearCaption), {
-    ...f,
-    ...n
+import { DayFlag as e } from "./index.es321.js";
+import { dateMatchModifiers as u } from "./index.es354.js";
+function V(b, S, h, M, i) {
+  const { disabled: p, hidden: y, modifiers: d, showOutsideDays: m, broadcastCalendar: B, today: g = i.today() } = S, { isSameDay: v, isSameMonth: A, startOfMonth: E, isBefore: F, endOfMonth: j, isAfter: k } = i, O = h && E(h), D = M && j(M), a = {
+    [e.focused]: [],
+    [e.outside]: [],
+    [e.disabled]: [],
+    [e.hidden]: [],
+    [e.today]: []
+  }, n = {};
+  for (const s of b) {
+    const { date: o, displayMonth: c } = s, t = !!(c && !A(o, c)), f = !!(O && F(o, O)), l = !!(D && k(o, D)), w = !!(p && u(o, p, i)), x = !!(y && u(o, y, i)) || f || l || // Broadcast calendar will show outside days as default
+    !B && !m && t || B && m === !1 && t, C = v(o, g);
+    t && a.outside.push(s), w && a.disabled.push(s), x && a.hidden.push(s), C && a.today.push(s), d && Object.keys(d).forEach((r) => {
+      const N = d == null ? void 0 : d[r];
+      N && u(o, N, i) && (n[r] ? n[r].push(s) : n[r] = [s]);
+    });
+  }
+  return (s) => {
+    const o = {
+      [e.focused]: !1,
+      [e.disabled]: !1,
+      [e.hidden]: !1,
+      [e.outside]: !1,
+      [e.today]: !1
+    }, c = {};
+    for (const t in a) {
+      const f = a[t];
+      o[t] = f.some((l) => l === s);
+    }
+    for (const t in n)
+      c[t] = n[t].some((f) => f === s);
+    return {
+      ...o,
+      // custom modifiers should override all the previous ones
+      ...c
+    };
   };
 }
 export {
-  i as getFormatters
+  V as createGetModifiers
 };

package/index.es312.js

@@ -1,13 +1,7 @@
-function d(o, n, s, a, e) {
-  const { startOfMonth: r, startOfYear: c, endOfYear: f, eachMonthOfInterval: l, getMonth: p } = e;
-  return l({
-    start: c(o),
-    end: f(o)
-  }).map((t) => {
-    const O = a.formatMonthDropdown(t, e), h = p(t), u = n && t < r(n) || s && t > r(s) || !1;
-    return { value: h, label: O, disabled: u };
-  });
+import { DayFlag as e, SelectionState as n, UI as d } from "./index.es321.js";
+function p(o, i, f = {}) {
+  return Object.entries(o).filter(([, t]) => t === !0).reduce((t, [r]) => (f[r] ? t.push(f[r]) : i[e[r]] ? t.push(i[e[r]]) : i[n[r]] && t.push(i[n[r]]), t), [i[d.Day]]);
 }
 export {
-  d as getMonthOptions
+  p as getClassNamesForModifiers
 };

package/index.es313.js

@@ -1,13 +1,10 @@
-import { UI as u } from "./index.es317.js";
-function p(o, r = {}, n = {}) {
-  let t = { ...r == null ? void 0 : r[u.Day] };
-  return Object.entries(o).filter(([, c]) => c === !0).forEach(([c]) => {
-    t = {
-      ...t,
-      ...n == null ? void 0 : n[c]
-    };
-  }), t;
+import * as t from "./index.es284.js";
+function n(o) {
+  return {
+    ...t,
+    ...o
+  };
 }
 export {
-  p as getStyleForModifiers
+  n as getComponents
 };

package/index.es314.js

@@ -1,11 +1,16 @@
-function y(t, o, a, n) {
-  const s = n ?? t.today(), c = a ? t.startOfBroadcastWeek(s, t) : o ? t.startOfISOWeek(s) : t.startOfWeek(s), r = [];
-  for (let e = 0; e < 7; e++) {
-    const f = t.addDays(c, e);
-    r.push(f);
-  }
-  return r;
+function n(e) {
+  const t = {
+    "data-mode": e.mode ?? void 0,
+    "data-required": "required" in e ? e.required : void 0,
+    "data-multiple-months": e.numberOfMonths && e.numberOfMonths > 1 || void 0,
+    "data-week-numbers": e.showWeekNumber || void 0,
+    "data-broadcast-calendar": e.broadcastCalendar || void 0,
+    "data-nav-layout": e.navLayout || void 0
+  };
+  return Object.entries(e).forEach(([a, d]) => {
+    a.startsWith("data-") && (t[a] = d);
+  }), t;
 }
 export {
-  y as getWeekdays
+  n as getDataAttributes
 };

package/index.es315.js

@@ -1,16 +1,10 @@
-function p(e, r, s, t, f = !1) {
-  if (!e || !r)
-    return;
-  const { startOfYear: o, endOfYear: i, eachYearOfInterval: l, getYear: u } = t, Y = o(e), c = i(r), a = l({ start: Y, end: c });
-  return f && a.reverse(), a.map((n) => {
-    const d = s.formatYearDropdown(n, t);
-    return {
-      value: u(n),
-      label: d,
-      disabled: !1
-    };
-  });
+import * as f from "./index.es331.js";
+function i(n) {
+  return n != null && n.formatMonthCaption && !n.formatCaption && (n.formatCaption = n.formatMonthCaption), n != null && n.formatYearCaption && !n.formatYearDropdown && (n.formatYearDropdown = n.formatYearCaption), {
+    ...f,
+    ...n
+  };
 }
 export {
-  p as getYearOptions
+  i as getFormatters
 };

package/index.es316.js

@@ -1,26 +1,13 @@
-import { labelDay as o, labelDayButton as l } from "./index.es335.js";
-import { labelCaption as t, labelGrid as b } from "./index.es336.js";
-import { labelGridcell as m } from "./index.es337.js";
-import { labelMonthDropdown as f } from "./index.es338.js";
-import { labelNav as n } from "./index.es339.js";
-import { labelNext as u } from "./index.es340.js";
-import { labelPrevious as N } from "./index.es341.js";
-import { labelWeekday as y } from "./index.es342.js";
-import { labelWeekNumber as v } from "./index.es343.js";
-import { labelWeekNumberHeader as G } from "./index.es344.js";
-import { labelYearDropdown as h } from "./index.es345.js";
+function d(o, n, s, a, e) {
+  const { startOfMonth: r, startOfYear: c, endOfYear: f, eachMonthOfInterval: l, getMonth: p } = e;
+  return l({
+    start: c(o),
+    end: f(o)
+  }).map((t) => {
+    const O = a.formatMonthDropdown(t, e), h = p(t), u = n && t < r(n) || s && t > r(s) || !1;
+    return { value: h, label: O, disabled: u };
+  });
+}
 export {
-  t as labelCaption,
-  o as labelDay,
-  l as labelDayButton,
-  b as labelGrid,
-  m as labelGridcell,
-  f as labelMonthDropdown,
-  n as labelNav,
-  u as labelNext,
-  N as labelPrevious,
-  v as labelWeekNumber,
-  G as labelWeekNumberHeader,
-  y as labelWeekday,
-  h as labelYearDropdown
+  d as getMonthOptions
 };

package/index.es317.js

@@ -1,22 +1,13 @@
-var o;
-(function(e) {
-  e.Root = "root", e.Chevron = "chevron", e.Day = "day", e.DayButton = "day_button", e.CaptionLabel = "caption_label", e.Dropdowns = "dropdowns", e.Dropdown = "dropdown", e.DropdownRoot = "dropdown_root", e.Footer = "footer", e.MonthGrid = "month_grid", e.MonthCaption = "month_caption", e.MonthsDropdown = "months_dropdown", e.Month = "month", e.Months = "months", e.Nav = "nav", e.NextMonthButton = "button_next", e.PreviousMonthButton = "button_previous", e.Week = "week", e.Weeks = "weeks", e.Weekday = "weekday", e.Weekdays = "weekdays", e.WeekNumber = "week_number", e.WeekNumberHeader = "week_number_header", e.YearsDropdown = "years_dropdown";
-})(o || (o = {}));
-var t;
-(function(e) {
-  e.disabled = "disabled", e.hidden = "hidden", e.outside = "outside", e.focused = "focused", e.today = "today";
-})(t || (t = {}));
-var r;
-(function(e) {
-  e.range_end = "range_end", e.range_middle = "range_middle", e.range_start = "range_start", e.selected = "selected";
-})(r || (r = {}));
-var n;
-(function(e) {
-  e.weeks_before_enter = "weeks_before_enter", e.weeks_before_exit = "weeks_before_exit", e.weeks_after_enter = "weeks_after_enter", e.weeks_after_exit = "weeks_after_exit", e.caption_after_enter = "caption_after_enter", e.caption_after_exit = "caption_after_exit", e.caption_before_enter = "caption_before_enter", e.caption_before_exit = "caption_before_exit";
-})(n || (n = {}));
+import { UI as u } from "./index.es321.js";
+function p(o, r = {}, n = {}) {
+  let t = { ...r == null ? void 0 : r[u.Day] };
+  return Object.entries(o).filter(([, c]) => c === !0).forEach(([c]) => {
+    t = {
+      ...t,
+      ...n == null ? void 0 : n[c]
+    };
+  }), t;
+}
 export {
-  n as Animation,
-  t as DayFlag,
-  r as SelectionState,
-  o as UI
+  p as getStyleForModifiers
 };

package/index.es318.js

@@ -1,56 +1,11 @@
-import { useRef as q, useLayoutEffect as z } from "react";
-import { Animation as o } from "./index.es317.js";
-const l = (e) => e instanceof HTMLElement ? e : null, w = (e) => [
-  ...e.querySelectorAll("[data-animated-month]") ?? []
-], I = (e) => l(e.querySelector("[data-animated-month]")), S = (e) => l(e.querySelector("[data-animated-caption]")), A = (e) => l(e.querySelector("[data-animated-weeks]")), B = (e) => l(e.querySelector("[data-animated-nav]")), P = (e) => l(e.querySelector("[data-animated-weekdays]"));
-function D(e, b, { classNames: s, months: a, focused: g, dateLib: H }) {
-  const p = q(null), h = q(a), v = q(!1);
-  z(() => {
-    const f = h.current;
-    if (h.current = a, !b || !e.current || // safety check because the ref can be set to anything by consumers
-    !(e.current instanceof HTMLElement) || // validation required for the animation to work as expected
-    a.length === 0 || f.length === 0 || a.length !== f.length)
-      return;
-    const M = H.isSameMonth(a[0].date, f[0].date), u = H.isAfter(a[0].date, f[0].date), m = u ? s[o.caption_after_enter] : s[o.caption_before_enter], L = u ? s[o.weeks_after_enter] : s[o.weeks_before_enter], x = p.current, _ = e.current.cloneNode(!0);
-    if (_ instanceof HTMLElement ? (w(_).forEach((t) => {
-      if (!(t instanceof HTMLElement))
-        return;
-      const c = I(t);
-      c && t.contains(c) && t.removeChild(c);
-      const n = S(t);
-      n && n.classList.remove(m);
-      const r = A(t);
-      r && r.classList.remove(L);
-    }), p.current = _) : p.current = null, v.current || M || // skip animation if a day is focused because it can cause issues to the animation and is better for a11y
-    g)
-      return;
-    const k = x instanceof HTMLElement ? w(x) : [], d = w(e.current);
-    if (d != null && d.every((i) => i instanceof HTMLElement) && k && k.every((i) => i instanceof HTMLElement)) {
-      v.current = !0, e.current.style.isolation = "isolate";
-      const i = B(e.current);
-      i && (i.style.zIndex = "1"), d.forEach((t, c) => {
-        const n = k[c];
-        if (!n)
-          return;
-        t.style.position = "relative", t.style.overflow = "hidden";
-        const r = S(t);
-        r && r.classList.add(m);
-        const y = A(t);
-        y && y.classList.add(L);
-        const W = () => {
-          v.current = !1, e.current && (e.current.style.isolation = ""), i && (i.style.zIndex = ""), r && r.classList.remove(m), y && y.classList.remove(L), t.style.position = "", t.style.overflow = "", t.contains(n) && t.removeChild(n);
-        };
-        n.style.pointerEvents = "none", n.style.position = "absolute", n.style.overflow = "hidden", n.setAttribute("aria-hidden", "true");
-        const C = P(n);
-        C && (C.style.opacity = "0");
-        const E = S(n);
-        E && (E.classList.add(u ? s[o.caption_before_exit] : s[o.caption_after_exit]), E.addEventListener("animationend", W));
-        const T = A(n);
-        T && T.classList.add(u ? s[o.weeks_before_exit] : s[o.weeks_after_exit]), t.insertBefore(n, t.firstChild);
-      });
-    }
-  });
+function y(t, o, a, n) {
+  const s = n ?? t.today(), c = a ? t.startOfBroadcastWeek(s, t) : o ? t.startOfISOWeek(s) : t.startOfWeek(s), r = [];
+  for (let e = 0; e < 7; e++) {
+    const f = t.addDays(c, e);
+    r.push(f);
+  }
+  return r;
 }
 export {
-  D as useAnimation
+  y as getWeekdays
 };

package/index.es319.js

@@ -1,76 +1,16 @@
-import { useEffect as N, useMemo as w } from "react";
-import { getDates as S } from "./index.es370.js";
-import { getDays as b } from "./index.es371.js";
-import { getDisplayMonths as q } from "./index.es372.js";
-import { getInitialMonth as g } from "./index.es373.js";
-import { getMonths as E } from "./index.es374.js";
-import { getNavMonths as F } from "./index.es375.js";
-import { getNextMonth as P } from "./index.es376.js";
-import { getPreviousMonth as V } from "./index.es377.js";
-import { getWeeks as Z } from "./index.es378.js";
-import { useControlledValue as j } from "./index.es379.js";
-function $(e, o) {
-  var l;
-  const [s, t] = F(e, o), { startOfMonth: a, endOfMonth: u } = o, h = g(e, s, t, o), [r, M] = j(
-    h,
-    // initialMonth is always computed from props.month if provided
-    e.month ? h : void 0
-  );
-  N(() => {
-    const n = g(e, s, t, o);
-    M(n);
-  }, [e.timeZone]);
-  const { months: k, weeks: c, days: W, previousMonth: O, nextMonth: x } = w(() => {
-    const n = q(r, t, { numberOfMonths: e.numberOfMonths }, o), i = S(n, e.endMonth ? u(e.endMonth) : void 0, {
-      ISOWeek: e.ISOWeek,
-      fixedWeeks: e.fixedWeeks,
-      broadcastCalendar: e.broadcastCalendar
-    }, o), m = E(n, i, {
-      broadcastCalendar: e.broadcastCalendar,
-      fixedWeeks: e.fixedWeeks,
-      ISOWeek: e.ISOWeek,
-      reverseMonths: e.reverseMonths
-    }, o), I = Z(m), T = b(m), C = V(r, s, e, o), D = P(r, t, e, o);
+function p(e, r, s, t, f = !1) {
+  if (!e || !r)
+    return;
+  const { startOfYear: o, endOfYear: i, eachYearOfInterval: l, getYear: u } = t, Y = o(e), c = i(r), a = l({ start: Y, end: c });
+  return f && a.reverse(), a.map((n) => {
+    const d = s.formatYearDropdown(n, t);
     return {
-      months: m,
-      weeks: I,
-      days: T,
-      previousMonth: C,
-      nextMonth: D
+      value: u(n),
+      label: d,
+      disabled: !1
     };
-  }, [
-    o,
-    r.getTime(),
-    t == null ? void 0 : t.getTime(),
-    s == null ? void 0 : s.getTime(),
-    e.disableNavigation,
-    e.broadcastCalendar,
-    (l = e.endMonth) == null ? void 0 : l.getTime(),
-    e.fixedWeeks,
-    e.ISOWeek,
-    e.numberOfMonths,
-    e.pagedNavigation,
-    e.reverseMonths
-  ]), { disableNavigation: v, onMonthChange: f } = e, y = (n) => c.some((i) => i.days.some((m) => m.isEqualTo(n))), d = (n) => {
-    if (v)
-      return;
-    let i = a(n);
-    s && i < a(s) && (i = a(s)), t && i > a(t) && (i = a(t)), M(i), f == null || f(i);
-  };
-  return {
-    months: k,
-    weeks: c,
-    days: W,
-    navStart: s,
-    navEnd: t,
-    previousMonth: O,
-    nextMonth: x,
-    goToMonth: d,
-    goToDay: (n) => {
-      y(n) || d(n.date);
-    }
-  };
+  });
 }
 export {
-  $ as useCalendar
+  p as getYearOptions
 };

package/index.es320.js

@@ -1,12 +1,26 @@
-import { createContext as t, useContext as n } from "react";
-const o = t(void 0);
-function c() {
-  const e = n(o);
-  if (e === void 0)
-    throw new Error("useDayPicker() must be used within a custom component.");
-  return e;
-}
+import { labelDay as o, labelDayButton as l } from "./index.es339.js";
+import { labelCaption as t, labelGrid as b } from "./index.es340.js";
+import { labelGridcell as m } from "./index.es341.js";
+import { labelMonthDropdown as f } from "./index.es342.js";
+import { labelNav as n } from "./index.es343.js";
+import { labelNext as u } from "./index.es344.js";
+import { labelPrevious as N } from "./index.es345.js";
+import { labelWeekday as y } from "./index.es346.js";
+import { labelWeekNumber as v } from "./index.es347.js";
+import { labelWeekNumberHeader as G } from "./index.es348.js";
+import { labelYearDropdown as h } from "./index.es349.js";
 export {
-  o as dayPickerContext,
-  c as useDayPicker
+  t as labelCaption,
+  o as labelDay,
+  l as labelDayButton,
+  b as labelGrid,
+  m as labelGridcell,
+  f as labelMonthDropdown,
+  n as labelNav,
+  u as labelNext,
+  N as labelPrevious,
+  v as labelWeekNumber,
+  G as labelWeekNumberHeader,
+  y as labelWeekday,
+  h as labelYearDropdown
 };

package/index.es321.js

@@ -1,23 +1,22 @@
-import { useState as i } from "react";
-import { calculateFocusTarget as v } from "./index.es380.js";
-import { getNextFocus as x } from "./index.es381.js";
-function I(u, o, a, r, F) {
-  const { autoFocus: f } = u, [d, m] = i(), s = v(o.days, a, r || (() => !1), d), [t, n] = i(f ? s : void 0);
-  return {
-    isFocusTarget: (c) => !!(s != null && s.isEqualTo(c)),
-    setFocused: n,
-    focused: t,
-    blur: () => {
-      m(t), n(void 0);
-    },
-    moveFocus: (c, l) => {
-      if (!t)
-        return;
-      const e = x(c, l, t, o.navStart, o.navEnd, u, F);
-      e && (u.disableNavigation && !o.days.some((g) => g.isEqualTo(e)) || (o.goToDay(e), n(e)));
-    }
-  };
-}
+var o;
+(function(e) {
+  e.Root = "root", e.Chevron = "chevron", e.Day = "day", e.DayButton = "day_button", e.CaptionLabel = "caption_label", e.Dropdowns = "dropdowns", e.Dropdown = "dropdown", e.DropdownRoot = "dropdown_root", e.Footer = "footer", e.MonthGrid = "month_grid", e.MonthCaption = "month_caption", e.MonthsDropdown = "months_dropdown", e.Month = "month", e.Months = "months", e.Nav = "nav", e.NextMonthButton = "button_next", e.PreviousMonthButton = "button_previous", e.Week = "week", e.Weeks = "weeks", e.Weekday = "weekday", e.Weekdays = "weekdays", e.WeekNumber = "week_number", e.WeekNumberHeader = "week_number_header", e.YearsDropdown = "years_dropdown";
+})(o || (o = {}));
+var t;
+(function(e) {
+  e.disabled = "disabled", e.hidden = "hidden", e.outside = "outside", e.focused = "focused", e.today = "today";
+})(t || (t = {}));
+var r;
+(function(e) {
+  e.range_end = "range_end", e.range_middle = "range_middle", e.range_start = "range_start", e.selected = "selected";
+})(r || (r = {}));
+var n;
+(function(e) {
+  e.weeks_before_enter = "weeks_before_enter", e.weeks_before_exit = "weeks_before_exit", e.weeks_after_enter = "weeks_after_enter", e.weeks_after_exit = "weeks_after_exit", e.caption_after_enter = "caption_after_enter", e.caption_after_exit = "caption_after_exit", e.caption_before_enter = "caption_before_enter", e.caption_before_exit = "caption_before_exit";
+})(n || (n = {}));
 export {
-  I as useFocus
+  n as Animation,
+  t as DayFlag,
+  r as SelectionState,
+  o as UI
 };

package/index.es322.js

@@ -1,19 +1,56 @@
-import { useMulti as i } from "./index.es382.js";
-import { useRange as o } from "./index.es383.js";
-import { useSingle as s } from "./index.es384.js";
-function f(e, n) {
-  const t = s(e, n), r = i(e, n), u = o(e, n);
-  switch (e.mode) {
-    case "single":
-      return t;
-    case "multiple":
-      return r;
-    case "range":
-      return u;
-    default:
+import { useRef as q, useLayoutEffect as z } from "react";
+import { Animation as o } from "./index.es321.js";
+const l = (e) => e instanceof HTMLElement ? e : null, w = (e) => [
+  ...e.querySelectorAll("[data-animated-month]") ?? []
+], I = (e) => l(e.querySelector("[data-animated-month]")), S = (e) => l(e.querySelector("[data-animated-caption]")), A = (e) => l(e.querySelector("[data-animated-weeks]")), B = (e) => l(e.querySelector("[data-animated-nav]")), P = (e) => l(e.querySelector("[data-animated-weekdays]"));
+function D(e, b, { classNames: s, months: a, focused: g, dateLib: H }) {
+  const p = q(null), h = q(a), v = q(!1);
+  z(() => {
+    const f = h.current;
+    if (h.current = a, !b || !e.current || // safety check because the ref can be set to anything by consumers
+    !(e.current instanceof HTMLElement) || // validation required for the animation to work as expected
+    a.length === 0 || f.length === 0 || a.length !== f.length)
       return;
-  }
+    const M = H.isSameMonth(a[0].date, f[0].date), u = H.isAfter(a[0].date, f[0].date), m = u ? s[o.caption_after_enter] : s[o.caption_before_enter], L = u ? s[o.weeks_after_enter] : s[o.weeks_before_enter], x = p.current, _ = e.current.cloneNode(!0);
+    if (_ instanceof HTMLElement ? (w(_).forEach((t) => {
+      if (!(t instanceof HTMLElement))
+        return;
+      const c = I(t);
+      c && t.contains(c) && t.removeChild(c);
+      const n = S(t);
+      n && n.classList.remove(m);
+      const r = A(t);
+      r && r.classList.remove(L);
+    }), p.current = _) : p.current = null, v.current || M || // skip animation if a day is focused because it can cause issues to the animation and is better for a11y
+    g)
+      return;
+    const k = x instanceof HTMLElement ? w(x) : [], d = w(e.current);
+    if (d != null && d.every((i) => i instanceof HTMLElement) && k && k.every((i) => i instanceof HTMLElement)) {
+      v.current = !0, e.current.style.isolation = "isolate";
+      const i = B(e.current);
+      i && (i.style.zIndex = "1"), d.forEach((t, c) => {
+        const n = k[c];
+        if (!n)
+          return;
+        t.style.position = "relative", t.style.overflow = "hidden";
+        const r = S(t);
+        r && r.classList.add(m);
+        const y = A(t);
+        y && y.classList.add(L);
+        const W = () => {
+          v.current = !1, e.current && (e.current.style.isolation = ""), i && (i.style.zIndex = ""), r && r.classList.remove(m), y && y.classList.remove(L), t.style.position = "", t.style.overflow = "", t.contains(n) && t.removeChild(n);
+        };
+        n.style.pointerEvents = "none", n.style.position = "absolute", n.style.overflow = "hidden", n.setAttribute("aria-hidden", "true");
+        const C = P(n);
+        C && (C.style.opacity = "0");
+        const E = S(n);
+        E && (E.classList.add(u ? s[o.caption_before_exit] : s[o.caption_after_exit]), E.addEventListener("animationend", W));
+        const T = A(n);
+        T && T.classList.add(u ? s[o.weeks_before_exit] : s[o.weeks_after_exit]), t.insertBefore(n, t.firstChild);
+      });
+    }
+  });
 }
 export {
-  f as useSelection
+  D as useAnimation
 };