mada-design-system 1.0.1 → 1.0.3

package/index.es205.js

@@ -1,14 +1,54 @@
-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 { Button as e } from "./index.es206.js";
+import { CaptionLabel as p } from "./index.es207.js";
+import { Chevron as x } from "./index.es208.js";
+import { Day as n } from "./index.es209.js";
+import { DayButton as d } from "./index.es210.js";
+import { Dropdown as u } from "./index.es211.js";
+import { DropdownNav as k } from "./index.es212.js";
+import { Footer as D } from "./index.es213.js";
+import { Month as i } from "./index.es214.js";
+import { MonthCaption as v } from "./index.es215.js";
+import { MonthGrid as y } from "./index.es216.js";
+import { Months as b } from "./index.es217.js";
+import { MonthsDropdown as l } from "./index.es218.js";
+import { Nav as F } from "./index.es219.js";
+import { NextMonthButton as H } from "./index.es220.js";
+import { Option as O } from "./index.es221.js";
+import { PreviousMonthButton as R } from "./index.es222.js";
+import { Root as Y } from "./index.es223.js";
+import { Select as j } from "./index.es224.js";
+import { Week as z } from "./index.es225.js";
+import { Weekday as E } from "./index.es226.js";
+import { Weekdays as J } from "./index.es227.js";
+import { WeekNumber as Q } from "./index.es228.js";
+import { WeekNumberHeader as U } from "./index.es229.js";
+import { Weeks as X } from "./index.es230.js";
+import { YearsDropdown as _ } from "./index.es231.js";
 export {
-  d as createStore
+  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.es206.js

@@ -1,10 +1,7 @@
-import { constructFrom as t } from "./index.es207.js";
-import { toDate as c } from "./index.es208.js";
-function N(f, a, r) {
-  const e = c(f, r == null ? void 0 : r.in);
-  return isNaN(a) ? t((r == null ? void 0 : r.in) || f, NaN) : (a && e.setDate(e.getDate() + a), e);
+import e from "react";
+function o(t) {
+  return e.createElement("button", { ...t });
 }
 export {
-  N as addDays,
-  N as default
+  o as Button
 };

package/index.es207.js

@@ -1,8 +1,7 @@
-import { constructFromSymbol as o } from "./index.es212.js";
-function c(r, n) {
-  return typeof r == "function" ? r(n) : r && typeof r == "object" && o in r ? r[o](n) : r instanceof Date ? new r.constructor(n) : new Date(n);
+import t from "react";
+function n(e) {
+  return t.createElement("span", { ...e });
 }
 export {
-  c as constructFrom,
-  c as default
+  n as CaptionLabel
 };

package/index.es208.js

@@ -1,8 +1,18 @@
-import { constructFrom as r } from "./index.es207.js";
-function e(t, o) {
-  return r(o || t, t);
+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 {
-  e as default,
-  e as toDate
+  r as Chevron
 };

package/index.es209.js

@@ -1,20 +1,8 @@
-import { constructFrom as f } from "./index.es207.js";
-import { toDate as c } from "./index.es208.js";
-function M(r, n, o) {
-  const t = c(r, o == null ? void 0 : o.in);
-  if (isNaN(n)) return f(r, NaN);
-  if (!n)
-    return t;
-  const a = t.getDate(), e = f(r, t.getTime());
-  e.setMonth(t.getMonth() + n + 1, 0);
-  const s = e.getDate();
-  return a >= s ? e : (t.setFullYear(
-    e.getFullYear(),
-    e.getMonth(),
-    a
-  ), t);
+import r from "react";
+function n(t) {
+  const { day: o, modifiers: a, ...e } = t;
+  return r.createElement("td", { ...e });
 }
 export {
-  M as addMonths,
-  M as default
+  n as Day
 };

package/index.es21.js

@@ -1,7 +1,7 @@
 import { jsxs as p, jsx as d } from "react/jsx-runtime";
 import * as r from "@radix-ui/react-accordion";
 import * as s from "react";
-import { cn as i } from "./index.es94.js";
+import { cn as i } from "./index.es95.js";
 const c = s.createContext({
   size: "default",
   isLeading: !1

package/index.es210.js

@@ -1,8 +1,11 @@
-import { addDays as r } from "./index.es206.js";
-function o(a, d, e) {
-  return r(a, d * 7, e);
+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 });
 }
 export {
-  o as addWeeks,
-  o as default
+  s as DayButton
 };

package/index.es211.js

@@ -1,8 +1,19 @@
-import { addMonths as d } from "./index.es209.js";
-function e(r, t, a) {
-  return d(r, t * 12, a);
+import a from "react";
+import { UI as n } from "./index.es242.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 {
-  e as addYears,
-  e as default
+  f as Dropdown
 };

package/index.es212.js

@@ -1,9 +1,7 @@
-const o = 6048e5, n = 864e5, s = 6e4, c = 36e5, t = 1e3, l = Symbol.for("constructDateFrom");
+import t from "react";
+function o(e) {
+  return t.createElement("div", { ...e });
+}
 export {
-  l as constructFromSymbol,
-  n as millisecondsInDay,
-  c as millisecondsInHour,
-  s as millisecondsInMinute,
-  t as millisecondsInSecond,
-  o as millisecondsInWeek
+  o as DropdownNav
 };

package/index.es213.js

@@ -1,16 +1,7 @@
-import { getTimezoneOffsetInMilliseconds as a } from "./index.es214.js";
-import { normalizeDates as c } from "./index.es215.js";
-import { millisecondsInDay as D } from "./index.es212.js";
-import { startOfDay as m } from "./index.es216.js";
-function p(n, i, e) {
-  const [f, l] = c(
-    e == null ? void 0 : e.in,
-    n,
-    i
-  ), r = m(f), t = m(l), o = +r - a(r), s = +t - a(t);
-  return Math.round((o - s) / D);
+import t from "react";
+function o(e) {
+  return t.createElement("div", { ...e });
 }
 export {
-  p as default,
-  p as differenceInCalendarDays
+  o as Footer
 };

package/index.es214.js

@@ -1,18 +1,8 @@
-import { toDate as o } from "./index.es208.js";
-function l(t) {
-  const e = o(t), n = new Date(
-    Date.UTC(
-      e.getFullYear(),
-      e.getMonth(),
-      e.getDate(),
-      e.getHours(),
-      e.getMinutes(),
-      e.getSeconds(),
-      e.getMilliseconds()
-    )
-  );
-  return n.setUTCFullYear(e.getFullYear()), +t - +n;
+import n from "react";
+function a(e) {
+  const { calendarMonth: r, displayIndex: d, ...t } = e;
+  return n.createElement("div", { ...t }, e.children);
 }
 export {
-  l as getTimezoneOffsetInMilliseconds
+  a as Month
 };

package/index.es215.js

@@ -1,11 +1,8 @@
-import { constructFrom as r } from "./index.es207.js";
-function i(e, ...o) {
-  const n = r.bind(
-    null,
-    o.find((t) => typeof t == "object")
-  );
-  return o.map(n);
+import n from "react";
+function d(t) {
+  const { calendarMonth: o, displayIndex: r, ...e } = t;
+  return n.createElement("div", { ...e });
 }
 export {
-  i as normalizeDates
+  d as MonthCaption
 };

package/index.es216.js

@@ -1,9 +1,7 @@
-import { toDate as e } from "./index.es208.js";
-function u(a, t) {
-  const r = e(a, t == null ? void 0 : t.in);
-  return r.setHours(0, 0, 0, 0), r;
+import e from "react";
+function n(t) {
+  return e.createElement("table", { ...t });
 }
 export {
-  u as default,
-  u as startOfDay
+  n as MonthGrid
 };

package/index.es217.js

@@ -1,13 +1,7 @@
-import { normalizeDates as c } from "./index.es215.js";
-function D(a, n, e) {
-  const [t, r] = c(
-    e == null ? void 0 : e.in,
-    a,
-    n
-  ), f = t.getFullYear() - r.getFullYear(), l = t.getMonth() - r.getMonth();
-  return f * 12 + l;
+import e from "react";
+function n(t) {
+  return e.createElement("div", { ...t });
 }
 export {
-  D as default,
-  D as differenceInCalendarMonths
+  n as Months
 };

package/index.es218.js

@@ -1,17 +1,9 @@
-import { normalizeInterval as m } from "./index.es219.js";
-import { constructFrom as d } from "./index.es207.js";
-function f(o, r) {
-  const { start: t, end: n } = m(r == null ? void 0 : r.in, o);
-  let s = +t > +n;
-  const c = s ? +t : +n, e = s ? n : t;
-  e.setHours(0, 0, 0, 0), e.setDate(1);
-  let l = 1;
-  const a = [];
-  for (; +e <= c; )
-    a.push(d(t, e)), e.setMonth(e.getMonth() + l);
-  return s ? a.reverse() : a;
+import e from "react";
+import { useDayPicker as r } from "./index.es245.js";
+function m(o) {
+  const { components: t } = r();
+  return e.createElement(t.Dropdown, { ...o });
 }
 export {
-  f as default,
-  f as eachMonthOfInterval
+  m as MonthsDropdown
 };

package/index.es219.js

@@ -1,8 +1,27 @@
-import { normalizeDates as o } from "./index.es215.js";
-function m(r, t) {
-  const [n, e] = o(r, t.start, t.end);
-  return { start: n, end: e };
+import n, { useCallback as d } from "react";
+import { UI as l } from "./index.es242.js";
+import { useDayPicker as v } from "./index.es245.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 {
-  m as normalizeInterval
+  C as Nav
 };

package/index.es22.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import { cva as c } from "./index.es113.js";
+import { cva as c } from "./index.es115.js";
 import * as a from "react";
-import { cn as o } from "./index.es94.js";
+import { cn as o } from "./index.es95.js";
 const l = c(
   "relative w-full rounded-2 border p-space-03 [&>svg~*]:ps-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:start-[1.2rem] [&>svg]:top-[1.2rem] [&>svg]:text-foreground [&>svg]:w-8 [&>svg]:h-8",
   {

package/index.es220.js

@@ -1,17 +1,9 @@
-import { normalizeInterval as m } from "./index.es219.js";
-import { constructFrom as o } from "./index.es207.js";
-function h(n, r) {
-  const { start: t, end: a } = m(r == null ? void 0 : r.in, n);
-  let s = +t > +a;
-  const c = s ? +t : +a, e = s ? a : t;
-  e.setHours(0, 0, 0, 0), e.setMonth(0, 1);
-  let u = 1;
-  const l = [];
-  for (; +e <= c; )
-    l.push(o(t, e)), e.setFullYear(e.getFullYear() + u);
-  return s ? l.reverse() : l;
+import o from "react";
+import { useDayPicker as n } from "./index.es245.js";
+function m(t) {
+  const { components: e } = n();
+  return o.createElement(e.Button, { ...t });
 }
 export {
-  h as default,
-  h as eachYearOfInterval
+  m as NextMonthButton
 };

package/index.es221.js

@@ -1,8 +1,7 @@
-import { endOfWeek as n } from "./index.es222.js";
-function f(e, t) {
-  return n(e, { ...t, weekStartsOn: 1 });
+import e from "react";
+function n(t) {
+  return e.createElement("option", { ...t });
 }
 export {
-  f as default,
-  f as endOfISOWeek
+  n as Option
 };

package/index.es222.js

@@ -1,11 +1,9 @@
-import { getDefaultOptions as n } from "./index.es224.js";
-import { toDate as w } from "./index.es208.js";
-function m(k, e) {
-  var c, O, l, d;
-  const a = n(), r = (e == null ? void 0 : e.weekStartsOn) ?? ((O = (c = e == null ? void 0 : e.locale) == null ? void 0 : c.options) == null ? void 0 : O.weekStartsOn) ?? a.weekStartsOn ?? ((d = (l = a.locale) == null ? void 0 : l.options) == null ? void 0 : d.weekStartsOn) ?? 0, t = w(k, e == null ? void 0 : e.in), f = t.getDay(), u = (f < r ? -7 : 0) + 6 - (f - r);
-  return t.setDate(t.getDate() + u), t.setHours(23, 59, 59, 999), t;
+import e from "react";
+import { useDayPicker as n } from "./index.es245.js";
+function c(t) {
+  const { components: o } = n();
+  return e.createElement(o.Button, { ...t });
 }
 export {
-  m as default,
-  m as endOfWeek
+  c as PreviousMonthButton
 };

package/index.es223.js

@@ -1,9 +1,8 @@
-import { toDate as n } from "./index.es208.js";
-function l(r, e) {
-  const t = n(r, e == null ? void 0 : e.in), a = t.getMonth();
-  return t.setFullYear(t.getFullYear(), a + 1, 0), t.setHours(23, 59, 59, 999), t;
+import r from "react";
+function n(t) {
+  const { rootRef: e, ...o } = t;
+  return r.createElement("div", { ...o, ref: e });
 }
 export {
-  l as default,
-  l as endOfMonth
+  n as Root
 };

package/index.es224.js

@@ -1,7 +1,7 @@
-let t = {};
-function e() {
-  return t;
+import t from "react";
+function c(e) {
+  return t.createElement("select", { ...e });
 }
 export {
-  e as getDefaultOptions
+  c as Select
 };

package/index.es225.js

@@ -1,9 +1,8 @@
-import { toDate as u } from "./index.es208.js";
-function f(t, r) {
-  const e = u(t, r == null ? void 0 : r.in), a = e.getFullYear();
-  return e.setFullYear(a + 1, 0, 0), e.setHours(23, 59, 59, 999), e;
+import r from "react";
+function c(e) {
+  const { week: o, ...t } = e;
+  return r.createElement("tr", { ...t });
 }
 export {
-  f as default,
-  f as endOfYear
+  c as Week
 };