mada-design-system 1.3.2 → 1.4.0

package/index.es330.js

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

package/index.es331.js

@@ -1,9 +1,7 @@
-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;
+import e from "react";
+function o(t) {
+  return e.createElement("button", { ...t });
 }
 export {
-  u as rangeIncludesDate
+  o as Button
 };

package/index.es332.js

@@ -1,8 +1,7 @@
-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);
+import t from "react";
+function n(e) {
+  return t.createElement("span", { ...e });
 }
 export {
-  e as toTimeZone
+  n as CaptionLabel
 };

package/index.es333.js

@@ -1,26 +1,18 @@
-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);
+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" })
+    )
+  );
 }
 export {
-  r as isDateAfterType,
-  f as isDateBeforeType,
-  o as isDateInterval,
-  t as isDateRange,
-  y as isDatesArray,
-  i as isDayOfWeekType
+  r as Chevron
 };

package/index.es334.js

@@ -1,18 +1,8 @@
-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";
+import r from "react";
+function n(t) {
+  const { day: o, modifiers: a, ...e } = t;
+  return r.createElement("td", { ...e });
+}
 export {
-  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
+  n as Day
 };

package/index.es335.js

@@ -1,9 +1,11 @@
-import { DateLib as r } from "./index.es28.js";
-function a(t, o, n) {
-  return (n ?? new r(o)).formatMonthYear(t);
+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 });
 }
-const f = a;
 export {
-  a as formatCaption,
-  f as formatMonthCaption
+  s as DayButton
 };

package/index.es336.js

@@ -1,7 +1,19 @@
-import { DateLib as a } from "./index.es28.js";
-function f(r, t, o) {
-  return (o ?? new a(t)).format(r, "d");
+import a from "react";
+import { UI as n } from "./index.es367.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] })
+    )
+  );
 }
 export {
-  f as formatDay
+  f as Dropdown
 };

package/index.es337.js

@@ -1,7 +1,7 @@
-import { defaultDateLib as r } from "./index.es28.js";
-function n(o, t = r) {
-  return t.format(o, "LLLL");
+import t from "react";
+function o(e) {
+  return t.createElement("div", { ...e });
 }
 export {
-  n as formatMonthDropdown
+  o as DropdownNav
 };

package/index.es338.js

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

package/index.es339.js

@@ -1,7 +1,8 @@
-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()}`);
+import n from "react";
+function a(e) {
+  const { calendarMonth: r, displayIndex: d, ...t } = e;
+  return n.createElement("div", { ...t }, e.children);
 }
 export {
-  a as formatWeekNumber
+  a as Month
 };

package/index.es34.js

@@ -1,4 +1,4 @@
-import { a as ge } from "./index.es201.js";
+import { a as ge } from "./index.es327.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,6 +1,8 @@
-function e() {
-  return "";
+import n from "react";
+function d(t) {
+  const { calendarMonth: o, displayIndex: r, ...e } = t;
+  return n.createElement("div", { ...e });
 }
 export {
-  e as formatWeekNumberHeader
+  d as MonthCaption
 };

package/index.es341.js

@@ -1,9 +1,7 @@
-import { defaultDateLib as t } from "./index.es28.js";
-function a(o, r = t) {
-  return r.format(o, "yyyy");
+import e from "react";
+function n(t) {
+  return e.createElement("table", { ...t });
 }
-const f = a;
 export {
-  f as formatYearCaption,
-  a as formatYearDropdown
+  n as MonthGrid
 };

package/index.es342.js

@@ -1,10 +1,7 @@
-import { DateLib as n } from "./index.es28.js";
-function r(a, t, l, o) {
-  let e = (o ?? new n(l)).format(a, "PPPP");
-  return t.today && (e = `Today, ${e}`), t.selected && (e = `${e}, selected`), e;
+import e from "react";
+function n(t) {
+  return e.createElement("div", { ...t });
 }
-const c = r;
 export {
-  c as labelDay,
-  r as labelDayButton
+  n as Months
 };

package/index.es343.js

@@ -1,9 +1,9 @@
-import { DateLib as r } from "./index.es28.js";
-function e(t, o, n) {
-  return (n ?? new r(o)).formatMonthYear(t);
+import e from "react";
+import { useDayPicker as r } from "./index.es370.js";
+function m(o) {
+  const { components: t } = r();
+  return e.createElement(t.Dropdown, { ...o });
 }
-const l = e;
 export {
-  l as labelCaption,
-  e as labelGrid
+  m as MonthsDropdown
 };

package/index.es344.js

@@ -1,8 +1,27 @@
-import { DateLib as P } from "./index.es28.js";
-function o(a, t, e, n) {
-  let l = (n ?? new P(e)).format(a, "PPPP");
-  return t != null && t.today && (l = `Today, ${l}`), l;
+import n, { useCallback as d } from "react";
+import { UI as l } from "./index.es367.js";
+import { useDayPicker as v } from "./index.es370.js";
+function C(u) {
+  const { onPreviousClick: a, onNextClick: o, previousMonth: e, nextMonth: t, ...c } = u, { components: r, classNames: i, labels: { labelPrevious: m, labelNext: b } } = v(), f = d((s) => {
+    t && (o == null || o(s));
+  }, [t, o]), h = d((s) => {
+    e && (a == null || a(s));
+  }, [e, a]);
+  return n.createElement(
+    "nav",
+    { ...c },
+    n.createElement(
+      r.PreviousMonthButton,
+      { type: "button", className: i[l.PreviousMonthButton], tabIndex: e ? void 0 : -1, "aria-disabled": e ? void 0 : !0, "aria-label": m(e), onClick: h },
+      n.createElement(r.Chevron, { disabled: e ? void 0 : !0, className: i[l.Chevron], orientation: "left" })
+    ),
+    n.createElement(
+      r.NextMonthButton,
+      { type: "button", className: i[l.NextMonthButton], tabIndex: t ? void 0 : -1, "aria-disabled": t ? void 0 : !0, "aria-label": b(t), onClick: f },
+      n.createElement(r.Chevron, { disabled: t ? void 0 : !0, orientation: "right", className: i[l.Chevron] })
+    )
+  );
 }
 export {
-  o as labelGridcell
+  C as Nav
 };

package/index.es345.js

@@ -1,6 +1,9 @@
-function n(o) {
-  return "Choose the Month";
+import o from "react";
+import { useDayPicker as n } from "./index.es370.js";
+function m(t) {
+  const { components: e } = n();
+  return o.createElement(e.Button, { ...t });
 }
 export {
-  n as labelMonthDropdown
+  m as NextMonthButton
 };

package/index.es346.js

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

package/index.es347.js

@@ -1,6 +1,9 @@
-function e(t) {
-  return "Go to the Next Month";
+import e from "react";
+import { useDayPicker as n } from "./index.es370.js";
+function c(t) {
+  const { components: o } = n();
+  return e.createElement(o.Button, { ...t });
 }
 export {
-  e as labelNext
+  c as PreviousMonthButton
 };

package/index.es348.js

@@ -1,6 +1,8 @@
-function t(o) {
-  return "Go to the Previous Month";
+import r from "react";
+function n(t) {
+  const { rootRef: e, ...o } = t;
+  return r.createElement("div", { ...o, ref: e });
 }
 export {
-  t as labelPrevious
+  n as Root
 };

package/index.es349.js

@@ -1,7 +1,7 @@
-import { DateLib as c } from "./index.es28.js";
-function a(e, r, t) {
-  return (t ?? new c(r)).format(e, "cccc");
+import t from "react";
+function c(e) {
+  return t.createElement("select", { ...e });
 }
 export {
-  a as labelWeekday
+  c as Select
 };

package/index.es35.js

@@ -14,7 +14,7 @@ import { HugeiconsIcon as ie } from "./index.es119.js";
 import ce from "./index.es144.js";
 import { startOfToday as me } from "./index.es145.js";
 import { useIconConfig as fe } from "./index.es99.js";
-import { formatDate as w } from "./index.es114.js";
+import { formatDate as w } from "./index.es115.js";
 import { isBefore as le } from "./index.es146.js";
 function Se({
   lang: n = "en",

package/index.es350.js

@@ -1,6 +1,8 @@
-function o(e, n) {
-  return `Week ${e}`;
+import r from "react";
+function c(e) {
+  const { week: o, ...t } = e;
+  return r.createElement("tr", { ...t });
 }
 export {
-  o as labelWeekNumber
+  c as Week
 };

package/index.es351.js

@@ -1,6 +1,7 @@
-function r(e) {
-  return "Week Number";
+import t from "react";
+function a(e) {
+  return t.createElement("th", { ...e });
 }
 export {
-  r as labelWeekNumberHeader
+  a as Weekday
 };

package/index.es352.js

@@ -1,6 +1,11 @@
-function e(o) {
-  return "Choose the Year";
+import e from "react";
+function a(t) {
+  return e.createElement(
+    "thead",
+    { "aria-hidden": !0 },
+    e.createElement("tr", { ...t })
+  );
 }
 export {
-  e as labelYearDropdown
+  a as Weekdays
 };

package/index.es353.js

@@ -1,14 +1,8 @@
-const S = (s) => {
-  let t;
-  const o = /* @__PURE__ */ new Set(), c = (e, r) => {
-    const n = typeof e == "function" ? e(t) : e;
-    if (!Object.is(n, t)) {
-      const b = t;
-      t = r ?? (typeof n != "object" || n === null) ? n : Object.assign({}, t, n), o.forEach((l) => l(t, b));
-    }
-  }, i = () => t, a = { setState: c, getState: i, getInitialState: () => u, subscribe: (e) => (o.add(e), () => o.delete(e)) }, u = t = s(c, i, a);
-  return a;
-}, d = ((s) => s ? S(s) : S);
+import r from "react";
+function c(e) {
+  const { week: o, ...t } = e;
+  return r.createElement("th", { ...t });
+}
 export {
-  d as createStore
+  c as WeekNumber
 };

package/index.es354.js

@@ -1,61 +1,7 @@
-import { tzName as o } from "./index.es414.js";
-import { TZDateMini as s } from "./index.es355.js";
-class i extends s {
-  //#region static
-  static tz(e, ...t) {
-    return t.length ? new i(...t, e) : new i(Date.now(), e);
-  }
-  //#endregion
-  //#region representation
-  toISOString() {
-    const [e, t, n] = this.tzComponents(), r = `${e}${t}:${n}`;
-    return this.internal.toISOString().slice(0, -1) + r;
-  }
-  toString() {
-    return `${this.toDateString()} ${this.toTimeString()}`;
-  }
-  toDateString() {
-    const [e, t, n, r] = this.internal.toUTCString().split(" ");
-    return `${e == null ? void 0 : e.slice(0, -1)} ${n} ${t} ${r}`;
-  }
-  toTimeString() {
-    const e = this.internal.toUTCString().split(" ")[4], [t, n, r] = this.tzComponents();
-    return `${e} GMT${t}${n}${r} (${o(this.timeZone, this)})`;
-  }
-  toLocaleString(e, t) {
-    return Date.prototype.toLocaleString.call(this, e, {
-      ...t,
-      timeZone: (t == null ? void 0 : t.timeZone) || this.timeZone
-    });
-  }
-  toLocaleDateString(e, t) {
-    return Date.prototype.toLocaleDateString.call(this, e, {
-      ...t,
-      timeZone: (t == null ? void 0 : t.timeZone) || this.timeZone
-    });
-  }
-  toLocaleTimeString(e, t) {
-    return Date.prototype.toLocaleTimeString.call(this, e, {
-      ...t,
-      timeZone: (t == null ? void 0 : t.timeZone) || this.timeZone
-    });
-  }
-  //#endregion
-  //#region private
-  tzComponents() {
-    const e = this.getTimezoneOffset(), t = e > 0 ? "-" : "+", n = String(Math.floor(Math.abs(e) / 60)).padStart(2, "0"), r = String(Math.abs(e) % 60).padStart(2, "0");
-    return [t, n, r];
-  }
-  //#endregion
-  withTimeZone(e) {
-    return new i(+this, e);
-  }
-  //#region date-fns integration
-  [Symbol.for("constructDateFrom")](e) {
-    return new i(+new Date(e), this.timeZone);
-  }
-  //#endregion
+import t from "react";
+function a(e) {
+  return t.createElement("th", { ...e });
 }
 export {
-  i as TZDate
+  a as WeekNumberHeader
 };

package/index.es355.js

@@ -1,69 +1,7 @@
-import { tzOffset as s } from "./index.es415.js";
-class n extends Date {
-  //#region static
-  constructor(...e) {
-    super(), e.length > 1 && typeof e[e.length - 1] == "string" && (this.timeZone = e.pop()), this.internal = /* @__PURE__ */ new Date(), isNaN(s(this.timeZone, this)) ? this.setTime(NaN) : e.length ? typeof e[0] == "number" && (e.length === 1 || e.length === 2 && typeof e[1] != "number") ? this.setTime(e[0]) : typeof e[0] == "string" ? this.setTime(+new Date(e[0])) : e[0] instanceof Date ? this.setTime(+e[0]) : (this.setTime(+new Date(...e)), U(this), a(this)) : this.setTime(Date.now());
-  }
-  static tz(e, ...o) {
-    return o.length ? new n(...o, e) : new n(Date.now(), e);
-  }
-  //#endregion
-  //#region time zone
-  withTimeZone(e) {
-    return new n(+this, e);
-  }
-  getTimezoneOffset() {
-    const e = -s(this.timeZone, this);
-    return e > 0 ? Math.floor(e) : Math.ceil(e);
-  }
-  //#endregion
-  //#region time
-  setTime(e) {
-    return Date.prototype.setTime.apply(this, arguments), a(this), +this;
-  }
-  //#endregion
-  //#region date-fns integration
-  [Symbol.for("constructDateFrom")](e) {
-    return new n(+new Date(e), this.timeZone);
-  }
-  //#endregion
-}
-const D = /^(get|set)(?!UTC)/;
-Object.getOwnPropertyNames(Date.prototype).forEach((t) => {
-  if (!D.test(t)) return;
-  const e = t.replace(D, "$1UTC");
-  n.prototype[e] && (t.startsWith("get") ? n.prototype[t] = function() {
-    return this.internal[e]();
-  } : (n.prototype[t] = function() {
-    return Date.prototype[e].apply(this.internal, arguments), H(this), +this;
-  }, n.prototype[e] = function() {
-    return Date.prototype[e].apply(this, arguments), a(this), +this;
-  }));
-});
-function a(t) {
-  t.internal.setTime(+t), t.internal.setUTCSeconds(t.internal.getUTCSeconds() - Math.round(-s(t.timeZone, t) * 60));
-}
-function H(t) {
-  Date.prototype.setFullYear.call(t, t.internal.getUTCFullYear(), t.internal.getUTCMonth(), t.internal.getUTCDate()), Date.prototype.setHours.call(t, t.internal.getUTCHours(), t.internal.getUTCMinutes(), t.internal.getUTCSeconds(), t.internal.getUTCMilliseconds()), U(t);
-}
-function U(t) {
-  const e = s(t.timeZone, t), o = e > 0 ? Math.floor(e) : Math.ceil(e), i = /* @__PURE__ */ new Date(+t);
-  i.setUTCHours(i.getUTCHours() - 1);
-  const r = -(/* @__PURE__ */ new Date(+t)).getTimezoneOffset(), g = -(/* @__PURE__ */ new Date(+i)).getTimezoneOffset(), m = r - g, M = Date.prototype.getHours.apply(t) !== t.internal.getUTCHours();
-  m && M && t.internal.setUTCMinutes(t.internal.getUTCMinutes() + m);
-  const f = r - o;
-  f && Date.prototype.setUTCMinutes.call(t, Date.prototype.getUTCMinutes.call(t) + f);
-  const l = /* @__PURE__ */ new Date(+t);
-  l.setUTCSeconds(0);
-  const y = r > 0 ? l.getSeconds() : (l.getSeconds() - 60) % 60, c = Math.round(-(s(t.timeZone, t) * 60)) % 60;
-  (c || y) && (t.internal.setUTCSeconds(t.internal.getUTCSeconds() + c), Date.prototype.setUTCSeconds.call(t, Date.prototype.getUTCSeconds.call(t) + c + y));
-  const p = s(t.timeZone, t), u = p > 0 ? Math.floor(p) : Math.ceil(p), w = -(/* @__PURE__ */ new Date(+t)).getTimezoneOffset() - u, O = u !== o, C = w - f;
-  if (O && C) {
-    Date.prototype.setUTCMinutes.call(t, Date.prototype.getUTCMinutes.call(t) + C);
-    const h = s(t.timeZone, t), S = h > 0 ? Math.floor(h) : Math.ceil(h), T = u - S;
-    T && (t.internal.setUTCMinutes(t.internal.getUTCMinutes() + T), Date.prototype.setUTCMinutes.call(t, Date.prototype.getUTCMinutes.call(t) + T));
-  }
+import t from "react";
+function o(e) {
+  return t.createElement("tbody", { ...e });
 }
 export {
-  n as TZDateMini
+  o as Weeks
 };