mada-design-system 1.3.0 → 1.3.2

package/index.es325.js

@@ -1,22 +1,56 @@
-import { ValueSetter as u } from "./index.es242.js";
-class n {
-  run(r, e, s, i) {
-    const t = this.parse(r, e, s, i);
-    return t ? {
-      setter: new u(
-        t.value,
-        this.validate,
-        this.set,
-        this.priority,
-        this.subPriority
-      ),
-      rest: t.rest
-    } : null;
-  }
-  validate(r, e, s) {
-    return !0;
-  }
+import { useRef as q, useLayoutEffect as z } from "react";
+import { Animation as o } from "./index.es324.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 {
-  n as Parser
+  D as useAnimation
 };

package/index.es326.js

@@ -1,103 +1,76 @@
-import { millisecondsInHour as l, millisecondsInMinute as m, millisecondsInSecond as f } from "./index.es203.js";
-import { numericPatterns as r } from "./index.es327.js";
-function p(e, n) {
-  return e && {
-    value: n(e.value),
-    rest: e.rest
-  };
-}
-function t(e, n) {
-  const s = n.match(e);
-  return s ? {
-    value: parseInt(s[0], 10),
-    rest: n.slice(s[0].length)
-  } : null;
-}
-function d(e, n) {
-  const s = n.match(e);
-  if (!s)
-    return null;
-  if (s[0] === "Z")
+import { useEffect as N, useMemo as w } from "react";
+import { getDates as S } from "./index.es359.js";
+import { getDays as b } from "./index.es360.js";
+import { getDisplayMonths as q } from "./index.es361.js";
+import { getInitialMonth as g } from "./index.es362.js";
+import { getMonths as E } from "./index.es363.js";
+import { getNavMonths as F } from "./index.es364.js";
+import { getNextMonth as P } from "./index.es365.js";
+import { getPreviousMonth as V } from "./index.es366.js";
+import { getWeeks as Z } from "./index.es367.js";
+import { useControlledValue as j } from "./index.es368.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);
     return {
-      value: 0,
-      rest: n.slice(1)
+      months: m,
+      weeks: I,
+      days: T,
+      previousMonth: C,
+      nextMonth: D
     };
-  const u = s[1] === "+" ? 1 : -1, i = s[2] ? parseInt(s[2], 10) : 0, c = s[3] ? parseInt(s[3], 10) : 0, o = s[5] ? parseInt(s[5], 10) : 0;
+  }, [
+    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 {
-    value: u * (i * l + c * m + o * f),
-    rest: n.slice(s[0].length)
+    months: k,
+    weeks: c,
+    days: W,
+    navStart: s,
+    navEnd: t,
+    previousMonth: O,
+    nextMonth: x,
+    goToMonth: d,
+    goToDay: (n) => {
+      y(n) || d(n.date);
+    }
   };
 }
-function D(e) {
-  return t(r.anyDigitsSigned, e);
-}
-function I(e, n) {
-  switch (e) {
-    case 1:
-      return t(r.singleDigit, n);
-    case 2:
-      return t(r.twoDigits, n);
-    case 3:
-      return t(r.threeDigits, n);
-    case 4:
-      return t(r.fourDigits, n);
-    default:
-      return t(new RegExp("^\\d{1," + e + "}"), n);
-  }
-}
-function v(e, n) {
-  switch (e) {
-    case 1:
-      return t(r.singleDigitSigned, n);
-    case 2:
-      return t(r.twoDigitsSigned, n);
-    case 3:
-      return t(r.threeDigitsSigned, n);
-    case 4:
-      return t(r.fourDigitsSigned, n);
-    default:
-      return t(new RegExp("^-?\\d{1," + e + "}"), n);
-  }
-}
-function w(e) {
-  switch (e) {
-    case "morning":
-      return 4;
-    case "evening":
-      return 17;
-    case "pm":
-    case "noon":
-    case "afternoon":
-      return 12;
-    case "am":
-    case "midnight":
-    case "night":
-    default:
-      return 0;
-  }
-}
-function E(e, n) {
-  const s = n > 0, u = s ? n : 1 - n;
-  let i;
-  if (u <= 50)
-    i = e || 100;
-  else {
-    const c = u + 50, o = Math.trunc(c / 100) * 100, a = e >= c % 100;
-    i = e + o - (a ? 100 : 0);
-  }
-  return s ? i : 1 - i;
-}
-function P(e) {
-  return e % 400 === 0 || e % 4 === 0 && e % 100 !== 0;
-}
 export {
-  w as dayPeriodEnumToHours,
-  P as isLeapYearIndex,
-  p as mapValue,
-  E as normalizeTwoDigitYear,
-  D as parseAnyDigitsSigned,
-  I as parseNDigits,
-  v as parseNDigitsSigned,
-  t as parseNumericPattern,
-  d as parseTimezonePattern
+  $ as useCalendar
 };

package/index.es327.js

@@ -1,49 +1,12 @@
-const d = {
-  month: /^(1[0-2]|0?\d)/,
-  // 0 to 12
-  date: /^(3[0-1]|[0-2]?\d)/,
-  // 0 to 31
-  dayOfYear: /^(36[0-6]|3[0-5]\d|[0-2]?\d?\d)/,
-  // 0 to 366
-  week: /^(5[0-3]|[0-4]?\d)/,
-  // 0 to 53
-  hour23h: /^(2[0-3]|[0-1]?\d)/,
-  // 0 to 23
-  hour24h: /^(2[0-4]|[0-1]?\d)/,
-  // 0 to 24
-  hour11h: /^(1[0-1]|0?\d)/,
-  // 0 to 11
-  hour12h: /^(1[0-2]|0?\d)/,
-  // 0 to 12
-  minute: /^[0-5]?\d/,
-  // 0 to 59
-  second: /^[0-5]?\d/,
-  // 0 to 59
-  singleDigit: /^\d/,
-  // 0 to 9
-  twoDigits: /^\d{1,2}/,
-  // 0 to 99
-  threeDigits: /^\d{1,3}/,
-  // 0 to 999
-  fourDigits: /^\d{1,4}/,
-  // 0 to 9999
-  anyDigitsSigned: /^-?\d+/,
-  singleDigitSigned: /^-?\d/,
-  // 0 to 9, -0 to -9
-  twoDigitsSigned: /^-?\d{1,2}/,
-  // 0 to 99, -0 to -99
-  threeDigitsSigned: /^-?\d{1,3}/,
-  // 0 to 999, -0 to -999
-  fourDigitsSigned: /^-?\d{1,4}/
-  // 0 to 9999, -0 to -9999
-}, i = {
-  basicOptionalMinutes: /^([+-])(\d{2})(\d{2})?|Z/,
-  basic: /^([+-])(\d{2})(\d{2})|Z/,
-  basicOptionalSeconds: /^([+-])(\d{2})(\d{2})((\d{2}))?|Z/,
-  extended: /^([+-])(\d{2}):(\d{2})|Z/,
-  extendedOptionalSeconds: /^([+-])(\d{2}):(\d{2})(:(\d{2}))?|Z/
-};
+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;
+}
 export {
-  d as numericPatterns,
-  i as timezonePatterns
+  o as dayPickerContext,
+  c as useDayPicker
 };

package/index.es328.js

@@ -1,54 +1,23 @@
-import { Button as e } from "./index.es329.js";
-import { CaptionLabel as p } from "./index.es330.js";
-import { Chevron as x } from "./index.es331.js";
-import { Day as n } from "./index.es332.js";
-import { DayButton as d } from "./index.es333.js";
-import { Dropdown as u } from "./index.es334.js";
-import { DropdownNav as k } from "./index.es335.js";
-import { Footer as D } from "./index.es336.js";
-import { Month as i } from "./index.es337.js";
-import { MonthCaption as v } from "./index.es338.js";
-import { MonthGrid as y } from "./index.es339.js";
-import { Months as b } from "./index.es340.js";
-import { MonthsDropdown as l } from "./index.es341.js";
-import { Nav as F } from "./index.es342.js";
-import { NextMonthButton as H } from "./index.es343.js";
-import { Option as O } from "./index.es344.js";
-import { PreviousMonthButton as R } from "./index.es345.js";
-import { Root as Y } from "./index.es346.js";
-import { Select as j } from "./index.es347.js";
-import { Week as z } from "./index.es348.js";
-import { Weekday as E } from "./index.es349.js";
-import { Weekdays as J } from "./index.es350.js";
-import { WeekNumber as Q } from "./index.es351.js";
-import { WeekNumberHeader as U } from "./index.es352.js";
-import { Weeks as X } from "./index.es353.js";
-import { YearsDropdown as _ } from "./index.es354.js";
+import { useState as i } from "react";
+import { calculateFocusTarget as v } from "./index.es369.js";
+import { getNextFocus as x } from "./index.es370.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)));
+    }
+  };
+}
 export {
-  e as Button,
-  p as CaptionLabel,
-  x as Chevron,
-  n as Day,
-  d as DayButton,
-  u as Dropdown,
-  k as DropdownNav,
-  D as Footer,
-  i as Month,
-  v as MonthCaption,
-  y as MonthGrid,
-  b as Months,
-  l as MonthsDropdown,
-  F as Nav,
-  H as NextMonthButton,
-  O as Option,
-  R as PreviousMonthButton,
-  Y as Root,
-  j as Select,
-  z as Week,
-  Q as WeekNumber,
-  U as WeekNumberHeader,
-  E as Weekday,
-  J as Weekdays,
-  X as Weeks,
-  _ as YearsDropdown
+  I as useFocus
 };

package/index.es329.js

@@ -1,7 +1,19 @@
-import e from "react";
-function o(t) {
-  return e.createElement("button", { ...t });
+import { useMulti as i } from "./index.es371.js";
+import { useRange as o } from "./index.es372.js";
+import { useSingle as s } from "./index.es373.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:
+      return;
+  }
 }
 export {
-  o as Button
+  f as useSelection
 };

package/index.es330.js

@@ -1,7 +1,22 @@
-import t from "react";
-function n(e) {
-  return t.createElement("span", { ...e });
+import { toTimeZone as o } from "./index.es332.js";
+import { isDateRange as u, isDateInterval as p, isDateAfterType as t, isDateBeforeType as y } from "./index.es333.js";
+function i(f, r) {
+  return typeof f == "boolean" || typeof f == "function" ? f : f instanceof Date ? o(f, r) : Array.isArray(f) ? f.map((n) => n instanceof Date ? o(n, r) : n) : u(f) ? {
+    ...f,
+    from: f.from ? o(f.from, r) : f.from,
+    to: f.to ? o(f.to, r) : f.to
+  } : p(f) ? {
+    before: o(f.before, r),
+    after: o(f.after, r)
+  } : t(f) ? {
+    after: o(f.after, r)
+  } : y(f) ? {
+    before: o(f.before, r)
+  } : f;
+}
+function b(f, r) {
+  return f && (Array.isArray(f) ? f.map((n) => i(n, r)) : i(f, r));
 }
 export {
-  n as CaptionLabel
+  b as convertMatchersToTimeZone
 };

package/index.es331.js

@@ -1,18 +1,9 @@
-import e from "react";
-function r(n) {
-  const { size: o = 24, orientation: t = "left", className: l } = n;
-  return (
-    // biome-ignore lint/a11y/noSvgWithoutTitle: handled by the parent component
-    e.createElement(
-      "svg",
-      { className: l, width: o, height: o, viewBox: "0 0 24 24" },
-      t === "up" && e.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" }),
-      t === "down" && e.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" }),
-      t === "left" && e.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
-      t === "right" && e.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" })
-    )
-  );
+import { defaultDateLib as s } from "./index.es28.js";
+function u(f, r, t = !1, o = s) {
+  let { from: n, to: e } = f;
+  const { differenceInCalendarDays: i, isSameDay: a } = o;
+  return n && e ? (i(e, n) < 0 && ([n, e] = [e, n]), i(r, n) >= (t ? 1 : 0) && i(e, r) >= (t ? 1 : 0)) : !t && e ? a(e, r) : !t && n ? a(n, r) : !1;
 }
 export {
-  r as Chevron
+  u as rangeIncludesDate
 };

package/index.es332.js

@@ -1,8 +1,8 @@
-import r from "react";
-function n(t) {
-  const { day: o, modifiers: a, ...e } = t;
-  return r.createElement("td", { ...e });
+import { TZDate as r } from "./index.es354.js";
+import "./index.es355.js";
+function e(n, o) {
+  return n instanceof r && n.timeZone === o ? n : new r(n, o);
 }
 export {
-  n as Day
+  e as toTimeZone
 };

package/index.es333.js

@@ -1,11 +1,26 @@
-import e from "react";
-function s(u) {
-  const { day: n, modifiers: t, ...r } = u, o = e.useRef(null);
-  return e.useEffect(() => {
-    var f;
-    t.focused && ((f = o.current) == null || f.focus());
-  }, [t.focused]), e.createElement("button", { ref: o, ...r });
+function o(e) {
+  return !!(e && typeof e == "object" && "before" in e && "after" in e);
+}
+function t(e) {
+  return !!(e && typeof e == "object" && "from" in e);
+}
+function r(e) {
+  return !!(e && typeof e == "object" && "after" in e);
+}
+function f(e) {
+  return !!(e && typeof e == "object" && "before" in e);
+}
+function i(e) {
+  return !!(e && typeof e == "object" && "dayOfWeek" in e);
+}
+function y(e, n) {
+  return Array.isArray(e) && e.every(n.isDate);
 }
 export {
-  s as DayButton
+  r as isDateAfterType,
+  f as isDateBeforeType,
+  o as isDateInterval,
+  t as isDateRange,
+  y as isDatesArray,
+  i as isDayOfWeekType
 };

package/index.es334.js

@@ -1,19 +1,18 @@
-import a from "react";
-import { UI as n } from "./index.es365.js";
-function f(c) {
-  const { options: e, className: m, components: l, classNames: t, ...o } = c, d = [t[n.Dropdown], m].join(" "), r = e == null ? void 0 : e.find(({ value: s }) => s === o.value);
-  return a.createElement(
-    "span",
-    { "data-disabled": o.disabled, className: t[n.DropdownRoot] },
-    a.createElement(l.Select, { className: d, ...o }, e == null ? void 0 : e.map(({ value: s, label: i, disabled: p }) => a.createElement(l.Option, { key: s, value: s, disabled: p }, i))),
-    a.createElement(
-      "span",
-      { className: t[n.CaptionLabel], "aria-hidden": !0 },
-      r == null ? void 0 : r.label,
-      a.createElement(l.Chevron, { orientation: "down", size: 18, className: t[n.Chevron] })
-    )
-  );
-}
+import { formatCaption as t, formatMonthCaption as e } from "./index.es335.js";
+import { formatDay as a } from "./index.es336.js";
+import { formatMonthDropdown as p } from "./index.es337.js";
+import { formatWeekdayName as x } from "./index.es338.js";
+import { formatWeekNumber as i } from "./index.es339.js";
+import { formatWeekNumberHeader as C } from "./index.es340.js";
+import { formatYearCaption as N, formatYearDropdown as W } from "./index.es341.js";
 export {
-  f as Dropdown
+  t as formatCaption,
+  a as formatDay,
+  e as formatMonthCaption,
+  p as formatMonthDropdown,
+  i as formatWeekNumber,
+  C as formatWeekNumberHeader,
+  x as formatWeekdayName,
+  N as formatYearCaption,
+  W as formatYearDropdown
 };

package/index.es335.js

@@ -1,7 +1,9 @@
-import t from "react";
-function o(e) {
-  return t.createElement("div", { ...e });
+import { DateLib as r } from "./index.es28.js";
+function a(t, o, n) {
+  return (n ?? new r(o)).formatMonthYear(t);
 }
+const f = a;
 export {
-  o as DropdownNav
+  a as formatCaption,
+  f as formatMonthCaption
 };

package/index.es336.js

@@ -1,7 +1,7 @@
-import t from "react";
-function o(e) {
-  return t.createElement("div", { ...e });
+import { DateLib as a } from "./index.es28.js";
+function f(r, t, o) {
+  return (o ?? new a(t)).format(r, "d");
 }
 export {
-  o as Footer
+  f as formatDay
 };

package/index.es337.js

@@ -1,8 +1,7 @@
-import n from "react";
-function a(e) {
-  const { calendarMonth: r, displayIndex: d, ...t } = e;
-  return n.createElement("div", { ...t }, e.children);
+import { defaultDateLib as r } from "./index.es28.js";
+function n(o, t = r) {
+  return t.format(o, "LLLL");
 }
 export {
-  a as Month
+  n as formatMonthDropdown
 };

package/index.es338.js

@@ -1,8 +1,7 @@
-import n from "react";
-function d(t) {
-  const { calendarMonth: o, displayIndex: r, ...e } = t;
-  return n.createElement("div", { ...e });
+import { DateLib as t } from "./index.es28.js";
+function a(c, e, r) {
+  return (r ?? new t(e)).format(c, "cccccc");
 }
 export {
-  d as MonthCaption
+  a as formatWeekdayName
 };

package/index.es339.js

@@ -1,7 +1,7 @@
-import e from "react";
-function n(t) {
-  return e.createElement("table", { ...t });
+import { defaultDateLib as o } from "./index.es28.js";
+function a(r, t = o) {
+  return r < 10 ? t.formatNumber(`0${r.toLocaleString()}`) : t.formatNumber(`${r.toLocaleString()}`);
 }
 export {
-  n as MonthGrid
+  a as formatWeekNumber
 };

package/index.es34.js

@@ -1,4 +1,4 @@
-import { a as ge } from "./index.es279.js";
+import { a as ge } from "./index.es201.js";
 import * as z from "@radix-ui/react-dialog";
 import * as n from "react";
 import { Primitive as I } from "@radix-ui/react-primitive";

package/index.es340.js

@@ -1,7 +1,6 @@
-import e from "react";
-function n(t) {
-  return e.createElement("div", { ...t });
+function e() {
+  return "";
 }
 export {
-  n as Months
+  e as formatWeekNumberHeader
 };