mada-design-system 0.9.1 → 1.0.0

package/index.es133.js

@@ -1,23 +1,231 @@
-function a(r) {
-  var n, f, t = "";
-  if (typeof r == "string" || typeof r == "number")
-    t += r;
-  else if (typeof r == "object")
-    if (Array.isArray(r)) {
-      var o = r.length;
-      for (n = 0; n < o; n++)
-        r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
-    } else
-      for (f in r)
-        r[f] && (t && (t += " "), t += f);
-  return t;
-}
-function i() {
-  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++)
-    (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
-  return t;
+import m, { useMemo as U, useCallback as b, useRef as Ke } from "react";
+import { DateLib as Ze } from "./index.es28.js";
+import { createGetModifiers as Ge } from "./index.es307.js";
+import { getClassNamesForModifiers as He } from "./index.es308.js";
+import { getComponents as _e } from "./index.es309.js";
+import { getDataAttributes as Ue } from "./index.es310.js";
+import { getDefaultClassNames as je } from "./index.es132.js";
+import { getFormatters as Ve } from "./index.es311.js";
+import { getMonthOptions as $e } from "./index.es312.js";
+import { getStyleForModifiers as qe } from "./index.es313.js";
+import { getWeekdays as ze } from "./index.es314.js";
+import { getYearOptions as Je } from "./index.es315.js";
+import * as Qe from "./index.es316.js";
+import { UI as n, DayFlag as Xe, SelectionState as F } from "./index.es317.js";
+import { useAnimation as et } from "./index.es318.js";
+import { useCalendar as tt } from "./index.es319.js";
+import { dayPickerContext as at } from "./index.es320.js";
+import { useFocus as ot } from "./index.es321.js";
+import { useSelection as nt } from "./index.es322.js";
+import { convertMatchersToTimeZone as j } from "./index.es323.js";
+import { rangeIncludesDate as rt } from "./index.es324.js";
+import { toTimeZone as k } from "./index.es325.js";
+import { isDateRange as it } from "./index.es326.js";
+import { enUS as dt } from "./index.es135.js";
+function xt(V) {
+  var re;
+  let e = V;
+  const f = e.timeZone;
+  if (f && (e = {
+    ...V,
+    timeZone: f
+  }, e.today && (e.today = k(e.today, f)), e.month && (e.month = k(e.month, f)), e.defaultMonth && (e.defaultMonth = k(e.defaultMonth, f)), e.startMonth && (e.startMonth = k(e.startMonth, f)), e.endMonth && (e.endMonth = k(e.endMonth, f)), e.mode === "single" && e.selected ? e.selected = k(e.selected, f) : e.mode === "multiple" && e.selected ? e.selected = (re = e.selected) == null ? void 0 : re.map((r) => k(r, f)) : e.mode === "range" && e.selected && (e.selected = {
+    from: e.selected.from ? k(e.selected.from, f) : e.selected.from,
+    to: e.selected.to ? k(e.selected.to, f) : e.selected.to
+  }), e.disabled !== void 0 && (e.disabled = j(e.disabled, f)), e.hidden !== void 0 && (e.hidden = j(e.hidden, f)), e.modifiers)) {
+    const r = {};
+    Object.keys(e.modifiers).forEach((l) => {
+      var o;
+      r[l] = j((o = e.modifiers) == null ? void 0 : o[l], f);
+    }), e.modifiers = r;
+  }
+  const { components: c, formatters: D, labels: $, dateLib: a, locale: ie, classNames: d } = U(() => {
+    const r = { ...dt, ...e.locale };
+    return {
+      dateLib: new Ze({
+        locale: r,
+        weekStartsOn: e.broadcastCalendar ? 1 : e.weekStartsOn,
+        firstWeekContainsDate: e.firstWeekContainsDate,
+        useAdditionalWeekYearTokens: e.useAdditionalWeekYearTokens,
+        useAdditionalDayOfYearTokens: e.useAdditionalDayOfYearTokens,
+        timeZone: e.timeZone,
+        numerals: e.numerals
+      }, e.dateLib),
+      components: _e(e.components),
+      formatters: Ve(e.formatters),
+      labels: { ...Qe, ...e.labels },
+      locale: r,
+      classNames: { ...je(), ...e.classNames }
+    };
+  }, [
+    e.locale,
+    e.broadcastCalendar,
+    e.weekStartsOn,
+    e.firstWeekContainsDate,
+    e.useAdditionalWeekYearTokens,
+    e.useAdditionalDayOfYearTokens,
+    e.timeZone,
+    e.numerals,
+    e.dateLib,
+    e.components,
+    e.formatters,
+    e.labels,
+    e.classNames
+  ]);
+  e.today || (e = { ...e, today: a.today() });
+  const { captionLayout: g, mode: T, navLayout: w, numberOfMonths: q = 1, onDayBlur: W, onDayClick: v, onDayFocus: C, onDayKeyDown: E, onDayMouseEnter: B, onDayMouseLeave: O, onNextClick: Y, onPrevClick: x, showWeekNumber: z, styles: t } = e, { formatCaption: J, formatDay: Q, formatMonthDropdown: de, formatWeekNumber: se, formatWeekNumberHeader: le, formatWeekdayName: me, formatYearDropdown: ce } = D, X = tt(e, a), { days: fe, months: L, navStart: R, navEnd: I, previousMonth: u, nextMonth: p, goToMonth: N } = X, K = Ge(fe, e, R, I, a), { isSelected: M, select: y, selected: S } = nt(e, a) ?? {}, { blur: ee, focused: A, isFocusTarget: ue, moveFocus: te, setFocused: P } = ot(e, X, K, M ?? (() => !1), a), { labelDayButton: pe, labelGridcell: he, labelGrid: be, labelMonthDropdown: Ne, labelNav: ae, labelPrevious: ke, labelNext: ge, labelWeekday: ve, labelWeekNumber: Me, labelWeekNumberHeader: ye, labelYearDropdown: De } = $, we = U(() => ze(a, e.ISOWeek, e.broadcastCalendar, e.today), [a, e.ISOWeek, e.broadcastCalendar, e.today]), oe = T !== void 0 || v !== void 0, Z = b(() => {
+    u && (N(u), x == null || x(u));
+  }, [u, N, x]), G = b(() => {
+    p && (N(p), Y == null || Y(p));
+  }, [N, p, Y]), We = b((r, l) => (o) => {
+    o.preventDefault(), o.stopPropagation(), P(r), !l.disabled && (y == null || y(r.date, l, o), v == null || v(r.date, l, o));
+  }, [y, v, P]), Ce = b((r, l) => (o) => {
+    P(r), C == null || C(r.date, l, o);
+  }, [C, P]), Ee = b((r, l) => (o) => {
+    ee(), W == null || W(r.date, l, o);
+  }, [ee, W]), Be = b((r, l) => (o) => {
+    const s = {
+      ArrowLeft: [
+        o.shiftKey ? "month" : "day",
+        e.dir === "rtl" ? "after" : "before"
+      ],
+      ArrowRight: [
+        o.shiftKey ? "month" : "day",
+        e.dir === "rtl" ? "before" : "after"
+      ],
+      ArrowDown: [o.shiftKey ? "year" : "week", "after"],
+      ArrowUp: [o.shiftKey ? "year" : "week", "before"],
+      PageUp: [o.shiftKey ? "year" : "month", "before"],
+      PageDown: [o.shiftKey ? "year" : "month", "after"],
+      Home: ["startOfWeek", "before"],
+      End: ["endOfWeek", "after"]
+    };
+    if (s[o.key]) {
+      o.preventDefault(), o.stopPropagation();
+      const [h, i] = s[o.key];
+      te(h, i);
+    }
+    E == null || E(r.date, l, o);
+  }, [te, E, e.dir]), Oe = b((r, l) => (o) => {
+    B == null || B(r.date, l, o);
+  }, [B]), Ye = b((r, l) => (o) => {
+    O == null || O(r.date, l, o);
+  }, [O]), xe = b((r) => (l) => {
+    const o = Number(l.target.value), s = a.setMonth(a.startOfMonth(r), o);
+    N(s);
+  }, [a, N]), Se = b((r) => (l) => {
+    const o = Number(l.target.value), s = a.setYear(a.startOfMonth(r), o);
+    N(s);
+  }, [a, N]), { className: Ae, style: Pe } = U(() => ({
+    className: [d[n.Root], e.className].filter(Boolean).join(" "),
+    style: { ...t == null ? void 0 : t[n.Root], ...e.style }
+  }), [d, e.className, e.style, t]), Fe = Ue(e), ne = Ke(null);
+  et(ne, !!e.animate, {
+    classNames: d,
+    months: L,
+    focused: A,
+    dateLib: a
+  });
+  const Te = {
+    dayPickerProps: e,
+    selected: S,
+    select: y,
+    isSelected: M,
+    months: L,
+    nextMonth: p,
+    previousMonth: u,
+    goToMonth: N,
+    getModifiers: K,
+    components: c,
+    classNames: d,
+    styles: t,
+    labels: $,
+    formatters: D
+  };
+  return m.createElement(
+    at.Provider,
+    { value: Te },
+    m.createElement(
+      c.Root,
+      { rootRef: e.animate ? ne : void 0, className: Ae, style: Pe, 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"], ...Fe },
+      m.createElement(
+        c.Months,
+        { className: d[n.Months], style: t == null ? void 0 : t[n.Months] },
+        !e.hideNavigation && !w && m.createElement(c.Nav, { "data-animated-nav": e.animate ? "true" : void 0, className: d[n.Nav], style: t == null ? void 0 : t[n.Nav], "aria-label": ae(), onPreviousClick: Z, onNextClick: G, previousMonth: u, nextMonth: p }),
+        L.map((r, l) => m.createElement(
+          c.Month,
+          {
+            "data-animated-month": e.animate ? "true" : void 0,
+            className: d[n.Month],
+            style: t == null ? void 0 : t[n.Month],
+            // biome-ignore lint/suspicious/noArrayIndexKey: breaks animation
+            key: l,
+            displayIndex: l,
+            calendarMonth: r
+          },
+          w === "around" && !e.hideNavigation && l === 0 && m.createElement(
+            c.PreviousMonthButton,
+            { type: "button", className: d[n.PreviousMonthButton], tabIndex: u ? void 0 : -1, "aria-disabled": u ? void 0 : !0, "aria-label": ke(u), onClick: Z, "data-animated-button": e.animate ? "true" : void 0 },
+            m.createElement(c.Chevron, { disabled: u ? void 0 : !0, className: d[n.Chevron], orientation: e.dir === "rtl" ? "right" : "left" })
+          ),
+          m.createElement(c.MonthCaption, { "data-animated-caption": e.animate ? "true" : void 0, className: d[n.MonthCaption], style: t == null ? void 0 : t[n.MonthCaption], calendarMonth: r, displayIndex: l }, g != null && g.startsWith("dropdown") ? m.createElement(
+            c.DropdownNav,
+            { className: d[n.Dropdowns], style: t == null ? void 0 : t[n.Dropdowns] },
+            (() => {
+              const o = g === "dropdown" || g === "dropdown-months" ? m.createElement(c.MonthsDropdown, { key: "month", className: d[n.MonthsDropdown], "aria-label": Ne(), classNames: d, components: c, disabled: !!e.disableNavigation, onChange: xe(r.date), options: $e(r.date, R, I, D, a), style: t == null ? void 0 : t[n.Dropdown], value: a.getMonth(r.date) }) : m.createElement("span", { key: "month" }, de(r.date, a)), s = g === "dropdown" || g === "dropdown-years" ? m.createElement(c.YearsDropdown, { key: "year", className: d[n.YearsDropdown], "aria-label": De(a.options), classNames: d, components: c, disabled: !!e.disableNavigation, onChange: Se(r.date), options: Je(R, I, D, a, !!e.reverseYears), style: t == null ? void 0 : t[n.Dropdown], value: a.getYear(r.date) }) : m.createElement("span", { key: "year" }, ce(r.date, a));
+              return a.getMonthYearOrder() === "year-first" ? [s, o] : [o, s];
+            })(),
+            m.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"
+            } }, J(r.date, a.options, a))
+          ) : m.createElement(c.CaptionLabel, { className: d[n.CaptionLabel], role: "status", "aria-live": "polite" }, J(r.date, a.options, a))),
+          w === "around" && !e.hideNavigation && l === q - 1 && m.createElement(
+            c.NextMonthButton,
+            { type: "button", className: d[n.NextMonthButton], tabIndex: p ? void 0 : -1, "aria-disabled": p ? void 0 : !0, "aria-label": ge(p), onClick: G, "data-animated-button": e.animate ? "true" : void 0 },
+            m.createElement(c.Chevron, { disabled: p ? void 0 : !0, className: d[n.Chevron], orientation: e.dir === "rtl" ? "left" : "right" })
+          ),
+          l === q - 1 && w === "after" && !e.hideNavigation && m.createElement(c.Nav, { "data-animated-nav": e.animate ? "true" : void 0, className: d[n.Nav], style: t == null ? void 0 : t[n.Nav], "aria-label": ae(), onPreviousClick: Z, onNextClick: G, previousMonth: u, nextMonth: p }),
+          m.createElement(
+            c.MonthGrid,
+            { role: "grid", "aria-multiselectable": T === "multiple" || T === "range", "aria-label": be(r.date, a.options, a) || void 0, className: d[n.MonthGrid], style: t == null ? void 0 : t[n.MonthGrid] },
+            !e.hideWeekdays && m.createElement(
+              c.Weekdays,
+              { "data-animated-weekdays": e.animate ? "true" : void 0, className: d[n.Weekdays], style: t == null ? void 0 : t[n.Weekdays] },
+              z && m.createElement(c.WeekNumberHeader, { "aria-label": ye(a.options), className: d[n.WeekNumberHeader], style: t == null ? void 0 : t[n.WeekNumberHeader], scope: "col" }, le()),
+              we.map((o) => m.createElement(c.Weekday, { "aria-label": ve(o, a.options, a), className: d[n.Weekday], key: String(o), style: t == null ? void 0 : t[n.Weekday], scope: "col" }, me(o, a.options, a)))
+            ),
+            m.createElement(c.Weeks, { "data-animated-weeks": e.animate ? "true" : void 0, className: d[n.Weeks], style: t == null ? void 0 : t[n.Weeks] }, r.weeks.map((o) => m.createElement(
+              c.Week,
+              { className: d[n.Week], key: o.weekNumber, style: t == null ? void 0 : t[n.Week], week: o },
+              z && m.createElement(c.WeekNumber, { week: o, style: t == null ? void 0 : t[n.WeekNumber], "aria-label": Me(o.weekNumber, {
+                locale: ie
+              }), className: d[n.WeekNumber], scope: "row", role: "rowheader" }, se(o.weekNumber, a)),
+              o.days.map((s) => {
+                const { date: h } = s, i = K(s);
+                if (i[Xe.focused] = !i.hidden && !!(A != null && A.isEqualTo(s)), i[F.selected] = (M == null ? void 0 : M(h)) || i.selected, it(S)) {
+                  const { from: H, to: _ } = S;
+                  i[F.range_start] = !!(H && _ && a.isSameDay(h, H)), i[F.range_end] = !!(H && _ && a.isSameDay(h, _)), i[F.range_middle] = rt(S, h, !0, a);
+                }
+                const Le = qe(i, t, e.modifiersStyles), Re = He(i, d, e.modifiersClassNames), Ie = !oe && !i.hidden ? he(h, i, a.options, a) : void 0;
+                return m.createElement(c.Day, { key: `${s.isoDate}_${s.displayMonthId}`, day: s, modifiers: i, className: Re.join(" "), style: Le, role: "gridcell", "aria-selected": i.selected || void 0, "aria-label": Ie, "data-day": s.isoDate, "data-month": s.outside ? s.dateMonthId : void 0, "data-selected": i.selected || void 0, "data-disabled": i.disabled || void 0, "data-hidden": i.hidden || void 0, "data-outside": s.outside || void 0, "data-focused": i.focused || void 0, "data-today": i.today || void 0 }, !i.hidden && oe ? m.createElement(c.DayButton, { className: d[n.DayButton], style: t == null ? void 0 : t[n.DayButton], type: "button", day: s, modifiers: i, disabled: !i.focused && i.disabled || void 0, "aria-disabled": i.focused && i.disabled || void 0, tabIndex: ue(s) ? 0 : -1, "aria-label": pe(h, i, a.options, a), onClick: We(s, i), onBlur: Ee(s, i), onFocus: Ce(s, i), onKeyDown: Be(s, i), onMouseEnter: Oe(s, i), onMouseLeave: Ye(s, i) }, Q(h, a.options, a)) : !i.hidden && Q(s.date, a.options, a));
+              })
+            )))
+          )
+        ))
+      ),
+      e.footer && m.createElement(c.Footer, { className: d[n.Footer], style: t == null ? void 0 : t[n.Footer], role: "status", "aria-live": "polite" }, e.footer)
+    )
+  );
 }
 export {
-  i as clsx,
-  i as default
+  xt as DayPicker
 };

package/index.es134.js

@@ -1,13 +1,21 @@
-import t from "./index.es194.js";
-const o = t("ChevronRight", [
-  [
-    "path",
-    {
-      d: "M9.70492 6L8.29492 7.41L12.8749 12L8.29492 16.59L9.70492 18L15.7049 12L9.70492 6Z",
-      key: "xcu7tv"
-    }
-  ]
-]);
+import { formatDistance as o } from "./index.es346.js";
+import { formatLong as t } from "./index.es347.js";
+import { formatRelative as a } from "./index.es348.js";
+import { localize as r } from "./index.es349.js";
+import { match as m } from "./index.es350.js";
+const s = {
+  code: "ar",
+  formatDistance: o,
+  formatLong: t,
+  formatRelative: a,
+  localize: r,
+  match: m,
+  options: {
+    weekStartsOn: 6,
+    firstWeekContainsDate: 1
+  }
+};
 export {
-  o as default
+  s as ar,
+  s as default
 };

package/index.es135.js

@@ -1,13 +1,21 @@
-import e from "./index.es194.js";
-const c = e("Check", [
-  [
-    "path",
-    {
-      d: "M8.79508 15.8749L4.62508 11.7049L3.20508 13.1149L8.79508 18.7049L20.7951 6.70492L19.3851 5.29492L8.79508 15.8749Z",
-      key: "5stcsf"
-    }
-  ]
-]);
+import { formatDistance as o } from "./index.es356.js";
+import { formatLong as t } from "./index.es357.js";
+import { formatRelative as a } from "./index.es358.js";
+import { localize as r } from "./index.es359.js";
+import { match as e } from "./index.es360.js";
+const s = {
+  code: "en-US",
+  formatDistance: o,
+  formatLong: t,
+  formatRelative: a,
+  localize: r,
+  match: e,
+  options: {
+    weekStartsOn: 0,
+    firstWeekContainsDate: 1
+  }
+};
 export {
-  c as default
+  s as default,
+  s as enUS
 };

package/index.es136.js

@@ -1,13 +1,13 @@
-import e from "./index.es194.js";
-const t = e("Circle", [
+import C from "./index.es208.js";
+const e = C("Search", [
   [
     "path",
     {
-      d: "M12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2Z",
-      key: "arly8y"
+      d: "M15.7549 14.2549H14.9649L14.6849 13.9849C15.6649 12.8449 16.2549 11.3649 16.2549 9.75488C16.2549 6.16488 13.3449 3.25488 9.75488 3.25488C6.16488 3.25488 3.25488 6.16488 3.25488 9.75488C3.25488 13.3449 6.16488 16.2549 9.75488 16.2549C11.3649 16.2549 12.8449 15.6649 13.9849 14.6849L14.2549 14.9649V15.7549L19.2549 20.7449L20.7449 19.2549L15.7549 14.2549ZM9.75488 14.2549C7.26488 14.2549 5.25488 12.2449 5.25488 9.75488C5.25488 7.26488 7.26488 5.25488 9.75488 5.25488C12.2449 5.25488 14.2549 7.26488 14.2549 9.75488C14.2549 12.2449 12.2449 14.2549 9.75488 14.2549Z",
+      key: "1ac8z8"
     }
   ]
 ]);
 export {
-  t as default
+  e as default
 };