mada-design-system 1.0.0 → 1.0.1

package/index.es281.js

@@ -1,7 +1,9 @@
-import e from "react";
-function o(t) {
-  return e.createElement("button", { ...t });
+function m(t) {
+  var e = function(r) {
+    return r[t] || [];
+  };
+  return e.isThemeGetter = !0, e;
 }
 export {
-  o as Button
+  m as fromTheme
 };

package/index.es282.js

@@ -1,7 +1,74 @@
-import t from "react";
-function n(e) {
-  return t.createElement("span", { ...e });
+var u = /^\[(?:([a-z-]+):)?(.+)\]$/i, o = /^\d+\/\d+$/, f = /* @__PURE__ */ new Set(["px", "full", "screen"]), m = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, b = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, h = /^-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
+function y(r) {
+  return e(r) || f.has(r) || o.test(r) || l(r);
+}
+function l(r) {
+  return t(r, "length", g);
+}
+function A(r) {
+  return t(r, "size", s);
+}
+function N(r) {
+  return t(r, "position", s);
+}
+function p(r) {
+  return t(r, "url", d);
+}
+function w(r) {
+  return t(r, "number", e);
+}
+function e(r) {
+  return !Number.isNaN(Number(r));
+}
+function z(r) {
+  return r.endsWith("%") && e(r.slice(0, -1));
+}
+function R(r) {
+  return i(r) || t(r, "number", i);
+}
+function S(r) {
+  return u.test(r);
+}
+function v() {
+  return !0;
+}
+function I(r) {
+  return m.test(r);
+}
+function L(r) {
+  return t(r, "", x);
+}
+function t(r, a, c) {
+  var n = u.exec(r);
+  return n ? n[1] ? n[1] === a : c(n[2]) : !1;
+}
+function g(r) {
+  return b.test(r);
+}
+function s() {
+  return !1;
+}
+function d(r) {
+  return r.startsWith("url(");
+}
+function i(r) {
+  return Number.isInteger(Number(r));
+}
+function x(r) {
+  return h.test(r);
 }
 export {
-  n as CaptionLabel
+  v as isAny,
+  l as isArbitraryLength,
+  w as isArbitraryNumber,
+  N as isArbitraryPosition,
+  L as isArbitraryShadow,
+  A as isArbitrarySize,
+  p as isArbitraryUrl,
+  S as isArbitraryValue,
+  R as isInteger,
+  y as isLength,
+  e as isNumber,
+  z as isPercent,
+  I as isTshirtSize
 };

package/index.es283.js

@@ -1,18 +1,27 @@
-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" })
-    )
-  );
+function v(r, o) {
+  for (var n in o)
+    t(r, n, o[n]);
+  return r;
+}
+var f = Object.prototype.hasOwnProperty, p = /* @__PURE__ */ new Set(["string", "number", "boolean"]);
+function t(r, o, n) {
+  if (!f.call(r, o) || p.has(typeof n) || n === null) {
+    r[o] = n;
+    return;
+  }
+  if (Array.isArray(n) && Array.isArray(r[o])) {
+    r[o] = r[o].concat(n);
+    return;
+  }
+  if (typeof n == "object" && typeof r[o] == "object") {
+    if (r[o] === null) {
+      r[o] = n;
+      return;
+    }
+    for (var i in n)
+      t(r[o], i, n[i]);
+  }
 }
 export {
-  r as Chevron
+  v as mergeConfigs
 };

package/index.es284.js

@@ -1,8 +1,54 @@
-import r from "react";
-function n(t) {
-  const { day: o, modifiers: a, ...e } = t;
-  return r.createElement("td", { ...e });
-}
+import { Button as e } from "./index.es285.js";
+import { CaptionLabel as p } from "./index.es286.js";
+import { Chevron as x } from "./index.es287.js";
+import { Day as n } from "./index.es288.js";
+import { DayButton as d } from "./index.es289.js";
+import { Dropdown as u } from "./index.es290.js";
+import { DropdownNav as k } from "./index.es291.js";
+import { Footer as D } from "./index.es292.js";
+import { Month as i } from "./index.es293.js";
+import { MonthCaption as v } from "./index.es294.js";
+import { MonthGrid as y } from "./index.es295.js";
+import { Months as b } from "./index.es296.js";
+import { MonthsDropdown as l } from "./index.es297.js";
+import { Nav as F } from "./index.es298.js";
+import { NextMonthButton as H } from "./index.es299.js";
+import { Option as O } from "./index.es300.js";
+import { PreviousMonthButton as R } from "./index.es301.js";
+import { Root as Y } from "./index.es302.js";
+import { Select as j } from "./index.es303.js";
+import { Week as z } from "./index.es304.js";
+import { Weekday as E } from "./index.es305.js";
+import { Weekdays as J } from "./index.es306.js";
+import { WeekNumber as Q } from "./index.es307.js";
+import { WeekNumberHeader as U } from "./index.es308.js";
+import { Weeks as X } from "./index.es309.js";
+import { YearsDropdown as _ } from "./index.es310.js";
 export {
-  n as Day
+  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.es285.js

@@ -1,11 +1,7 @@
 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(t) {
+  return e.createElement("button", { ...t });
 }
 export {
-  s as DayButton
+  o as Button
 };

package/index.es286.js

@@ -1,19 +1,7 @@
-import a from "react";
-import { UI as n } from "./index.es317.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 t from "react";
+function n(e) {
+  return t.createElement("span", { ...e });
 }
 export {
-  f as Dropdown
+  n as CaptionLabel
 };

package/index.es287.js

@@ -1,7 +1,18 @@
-import t from "react";
-function o(e) {
-  return t.createElement("div", { ...e });
+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 {
-  o as DropdownNav
+  r as Chevron
 };

package/index.es288.js

@@ -1,7 +1,8 @@
-import t from "react";
-function o(e) {
-  return t.createElement("div", { ...e });
+import r from "react";
+function n(t) {
+  const { day: o, modifiers: a, ...e } = t;
+  return r.createElement("td", { ...e });
 }
 export {
-  o as Footer
+  n as Day
 };

package/index.es289.js

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

package/index.es29.js

@@ -2,14 +2,14 @@ import { jsx as o } from "react/jsx-runtime";
 import * as p from "react";
 import { buttonVariants as x, Button as y } from "./index.es27.js";
 import { cn as e } from "./index.es94.js";
-import { getDefaultClassNames as b } from "./index.es132.js";
-import { DayPicker as _ } from "./index.es133.js";
-import { ar as w } from "./index.es134.js";
-import { enUS as h } from "./index.es135.js";
-import v from "./index.es128.js";
-import z from "./index.es127.js";
-import k from "./index.es111.js";
-import { DateLib as D } from "./index.es28.js";
+import { getDefaultClassNames as b } from "./index.es127.js";
+import { DayPicker as _ } from "./index.es128.js";
+import w from "./index.es123.js";
+import h from "./index.es122.js";
+import v from "./index.es106.js";
+import { DateLib as z } from "./index.es28.js";
+import { ar as k } from "./index.es129.js";
+import { enUS as D } from "./index.es130.js";
 function O({
   className: m,
   classNames: l,
@@ -26,7 +26,7 @@ function O({
     _,
     {
       showOutsideDays: a,
-      locale: g === "ar" ? w : h,
+      locale: g === "ar" ? k : D,
       weekStartsOn: 0,
       className: e(
         "group/calendar [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
@@ -38,7 +38,7 @@ function O({
       formatters: {
         // formatMonthDropdown: date => date.toLocaleString('default', { month: 'short' }),
         formatWeekdayName(r, n, d) {
-          return (d ?? new D(n)).format(r, "cccccc");
+          return (d ?? new z(n)).format(r, "cccccc");
         },
         ...s
       },
@@ -93,7 +93,7 @@ function O({
       },
       components: {
         Root: ({ className: r, rootRef: n, ...d }) => /* @__PURE__ */ o("div", { "data-slot": "calendar", ref: n, className: e(r), ...d }),
-        Chevron: ({ className: r, orientation: n, ...d }) => n === "left" ? /* @__PURE__ */ o(v, { className: e("size-4 rtl:rotate-180", r), ...d }) : n === "right" ? /* @__PURE__ */ o(z, { className: e("size-4 rtl:rotate-180", r), ...d }) : /* @__PURE__ */ o(k, { className: e("!size-[20px]", r), ...d }),
+        Chevron: ({ className: r, orientation: n, ...d }) => n === "left" ? /* @__PURE__ */ o(w, { className: e("size-4 rtl:rotate-180", r), ...d }) : n === "right" ? /* @__PURE__ */ o(h, { className: e("size-4 rtl:rotate-180", r), ...d }) : /* @__PURE__ */ o(v, { className: e("!size-[20px]", r), ...d }),
         DayButton: N,
         WeekNumber: ({ children: r, ...n }) => /* @__PURE__ */ o("td", { ...n, children: /* @__PURE__ */ o("div", { className: "size-(--cell-size) flex items-center justify-center text-center", children: r }) }),
         ...c
@@ -137,7 +137,7 @@ function N({ className: m, day: l, modifiers: a, ...u }) {
   );
 }
 export {
-  D as DateLib,
+  z as DateLib,
   O as DayCalendar,
   N as DayCalendarDayButton
 };

package/index.es290.js

@@ -1,8 +1,19 @@
-import n from "react";
-function d(t) {
-  const { calendarMonth: o, displayIndex: r, ...e } = t;
-  return n.createElement("div", { ...e });
+import a from "react";
+import { UI as n } from "./index.es321.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 {
-  d as MonthCaption
+  f as Dropdown
 };

package/index.es291.js

@@ -1,7 +1,7 @@
-import e from "react";
-function n(t) {
-  return e.createElement("table", { ...t });
+import t from "react";
+function o(e) {
+  return t.createElement("div", { ...e });
 }
 export {
-  n as MonthGrid
+  o as DropdownNav
 };

package/index.es292.js

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

package/index.es293.js

@@ -1,9 +1,8 @@
-import e from "react";
-import { useDayPicker as r } from "./index.es320.js";
-function m(o) {
-  const { components: t } = r();
-  return e.createElement(t.Dropdown, { ...o });
+import n from "react";
+function a(e) {
+  const { calendarMonth: r, displayIndex: d, ...t } = e;
+  return n.createElement("div", { ...t }, e.children);
 }
 export {
-  m as MonthsDropdown
+  a as Month
 };

package/index.es294.js

@@ -1,27 +1,8 @@
-import n, { useCallback as d } from "react";
-import { UI as l } from "./index.es317.js";
-import { useDayPicker as v } from "./index.es320.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] })
-    )
-  );
+import n from "react";
+function d(t) {
+  const { calendarMonth: o, displayIndex: r, ...e } = t;
+  return n.createElement("div", { ...e });
 }
 export {
-  C as Nav
+  d as MonthCaption
 };

package/index.es295.js

@@ -1,9 +1,7 @@
-import o from "react";
-import { useDayPicker as n } from "./index.es320.js";
-function m(t) {
-  const { components: e } = n();
-  return o.createElement(e.Button, { ...t });
+import e from "react";
+function n(t) {
+  return e.createElement("table", { ...t });
 }
 export {
-  m as NextMonthButton
+  n as MonthGrid
 };

package/index.es296.js

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

package/index.es297.js

@@ -1,9 +1,9 @@
 import e from "react";
-import { useDayPicker as n } from "./index.es320.js";
-function c(t) {
-  const { components: o } = n();
-  return e.createElement(o.Button, { ...t });
+import { useDayPicker as r } from "./index.es324.js";
+function m(o) {
+  const { components: t } = r();
+  return e.createElement(t.Dropdown, { ...o });
 }
 export {
-  c as PreviousMonthButton
+  m as MonthsDropdown
 };

package/index.es298.js

@@ -1,8 +1,27 @@
-import r from "react";
-function n(t) {
-  const { rootRef: e, ...o } = t;
-  return r.createElement("div", { ...o, ref: e });
+import n, { useCallback as d } from "react";
+import { UI as l } from "./index.es321.js";
+import { useDayPicker as v } from "./index.es324.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 {
-  n as Root
+  C as Nav
 };

package/index.es299.js

@@ -1,7 +1,9 @@
-import t from "react";
-function c(e) {
-  return t.createElement("select", { ...e });
+import o from "react";
+import { useDayPicker as n } from "./index.es324.js";
+function m(t) {
+  const { components: e } = n();
+  return o.createElement(e.Button, { ...t });
 }
 export {
-  c as Select
+  m as NextMonthButton
 };

package/index.es300.js

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

package/index.es301.js

@@ -1,7 +1,9 @@
-import t from "react";
-function a(e) {
-  return t.createElement("th", { ...e });
+import e from "react";
+import { useDayPicker as n } from "./index.es324.js";
+function c(t) {
+  const { components: o } = n();
+  return e.createElement(o.Button, { ...t });
 }
 export {
-  a as Weekday
+  c as PreviousMonthButton
 };

package/index.es302.js

@@ -1,11 +1,8 @@
-import e from "react";
-function a(t) {
-  return e.createElement(
-    "thead",
-    { "aria-hidden": !0 },
-    e.createElement("tr", { ...t })
-  );
+import r from "react";
+function n(t) {
+  const { rootRef: e, ...o } = t;
+  return r.createElement("div", { ...o, ref: e });
 }
 export {
-  a as Weekdays
+  n as Root
 };

package/index.es303.js

@@ -1,8 +1,7 @@
-import r from "react";
+import t from "react";
 function c(e) {
-  const { week: o, ...t } = e;
-  return r.createElement("th", { ...t });
+  return t.createElement("select", { ...e });
 }
 export {
-  c as WeekNumber
+  c as Select
 };

package/index.es304.js

@@ -1,7 +1,8 @@
-import t from "react";
-function a(e) {
-  return t.createElement("th", { ...e });
+import r from "react";
+function c(e) {
+  const { week: o, ...t } = e;
+  return r.createElement("tr", { ...t });
 }
 export {
-  a as WeekNumberHeader
+  c as Week
 };

package/index.es305.js

@@ -1,7 +1,7 @@
 import t from "react";
-function o(e) {
-  return t.createElement("tbody", { ...e });
+function a(e) {
+  return t.createElement("th", { ...e });
 }
 export {
-  o as Weeks
+  a as Weekday
 };

package/index.es306.js

@@ -1,9 +1,11 @@
-import r from "react";
-import { useDayPicker as t } from "./index.es320.js";
-function m(o) {
-  const { components: e } = t();
-  return r.createElement(e.Dropdown, { ...o });
+import e from "react";
+function a(t) {
+  return e.createElement(
+    "thead",
+    { "aria-hidden": !0 },
+    e.createElement("tr", { ...t })
+  );
 }
 export {
-  m as YearsDropdown
+  a as Weekdays
 };