mada-design-system 0.9.1 → 1.0.0

package/index.es431.js

@@ -1,57 +1,18 @@
-const c = {
-  xs: 0,
-  // phone
-  sm: 600,
-  // tablet
-  md: 900,
-  // small laptop
-  lg: 1200,
-  // desktop
-  xl: 1536
-  // large screen
-}, k = {
-  // Sorted ASC by size. That's important.
-  // It can't be configured as it's used statically for propTypes.
-  keys: ["xs", "sm", "md", "lg", "xl"],
-  up: (t) => `@media (min-width:${c[t]}px)`
-};
-function m(t, e, n) {
-  const s = t.theme || {};
-  if (Array.isArray(e)) {
-    const r = s.breakpoints || k;
-    return e.reduce((u, o, i) => (u[r.up(r.keys[i])] = n(e[i]), u), {});
-  }
-  if (typeof e == "object") {
-    const r = s.breakpoints || k;
-    return Object.keys(e).reduce((u, o) => {
-      if (Object.keys(r.values || c).indexOf(o) !== -1) {
-        const i = r.up(o);
-        u[i] = n(e[o], o);
-      } else {
-        const i = o;
-        u[i] = e[i];
-      }
-      return u;
-    }, {});
-  }
-  return n(e);
-}
-function y(t = {}) {
-  var e;
-  return ((e = t.keys) == null ? void 0 : e.reduce((s, d) => {
-    const r = t.up(d);
-    return s[r] = {}, s;
-  }, {})) || {};
-}
-function f(t, e) {
-  return t.reduce((n, s) => {
-    const d = n[s];
-    return (!d || Object.keys(d).length === 0) && delete n[s], n;
-  }, e);
+function h(e) {
+  return (a, t) => {
+    const c = t != null && t.context ? String(t.context) : "standalone";
+    let l;
+    if (c === "formatting" && e.formattingValues) {
+      const d = e.defaultFormattingWidth || e.defaultWidth, u = t != null && t.width ? String(t.width) : d;
+      l = e.formattingValues[u] || e.formattingValues[d];
+    } else {
+      const d = e.defaultWidth, u = t != null && t.width ? String(t.width) : e.defaultWidth;
+      l = e.values[u] || e.values[d];
+    }
+    const f = e.argumentCallback ? e.argumentCallback(a) : a;
+    return l[f];
+  };
 }
 export {
-  y as createEmptyBreakpointObject,
-  m as handleBreakpoints,
-  f as removeUnusedBreakpoints,
-  c as values
+  h as buildLocalizeFn
 };

package/index.es432.js

@@ -1,10 +1,15 @@
-import f from "./index.es374.js";
-function o(e, r) {
-  return r ? f(e, r, {
-    clone: !1
-    // No need to clone deep, it's way faster.
-  }) : e;
+function h(t) {
+  return (e, c = {}) => {
+    const n = e.match(t.matchPattern);
+    if (!n) return null;
+    const u = n[0], a = e.match(t.parsePattern);
+    if (!a) return null;
+    let l = t.valueCallback ? t.valueCallback(a[0]) : a[0];
+    l = c.valueCallback ? c.valueCallback(l) : l;
+    const r = e.slice(u.length);
+    return { value: l, rest: r };
+  };
 }
 export {
-  o as default
+  h as buildMatchPatternFn
 };

package/index.es433.js

@@ -1,78 +1,31 @@
-import r from "./index.es428.js";
-import c from "./index.es429.js";
-import { createUnaryUnit as p, getValue as a } from "./index.es430.js";
-import { handleBreakpoints as l } from "./index.es431.js";
-import s from "./index.es427.js";
-const u = (o) => {
-  if (o.gap !== void 0 && o.gap !== null) {
-    const e = p(o.theme, "spacing", 8, "gap"), n = (t) => ({
-      gap: a(e, t)
-    });
-    return l(o, o.gap, n);
-  }
-  return null;
-};
-u.propTypes = process.env.NODE_ENV !== "production" ? {
-  gap: s
-} : {};
-u.filterProps = ["gap"];
-const i = (o) => {
-  if (o.columnGap !== void 0 && o.columnGap !== null) {
-    const e = p(o.theme, "spacing", 8, "columnGap"), n = (t) => ({
-      columnGap: a(e, t)
-    });
-    return l(o, o.columnGap, n);
-  }
-  return null;
-};
-i.propTypes = process.env.NODE_ENV !== "production" ? {
-  columnGap: s
-} : {};
-i.filterProps = ["columnGap"];
-const m = (o) => {
-  if (o.rowGap !== void 0 && o.rowGap !== null) {
-    const e = p(o.theme, "spacing", 8, "rowGap"), n = (t) => ({
-      rowGap: a(e, t)
-    });
-    return l(o, o.rowGap, n);
-  }
-  return null;
-};
-m.propTypes = process.env.NODE_ENV !== "production" ? {
-  rowGap: s
-} : {};
-m.filterProps = ["rowGap"];
-const g = r({
-  prop: "gridColumn"
-}), d = r({
-  prop: "gridRow"
-}), f = r({
-  prop: "gridAutoFlow"
-}), w = r({
-  prop: "gridAutoColumns"
-}), G = r({
-  prop: "gridAutoRows"
-}), A = r({
-  prop: "gridTemplateColumns"
-}), T = r({
-  prop: "gridTemplateRows"
-}), y = r({
-  prop: "gridTemplateAreas"
-}), P = r({
-  prop: "gridArea"
-});
-c(u, i, m, g, d, f, w, G, A, T, y, P);
+function P(t) {
+  return (n, e = {}) => {
+    const l = e.width, h = l && t.matchPatterns[l] || t.matchPatterns[t.defaultMatchWidth], i = n.match(h);
+    if (!i)
+      return null;
+    const r = i[0], c = l && t.parsePatterns[l] || t.parsePatterns[t.defaultParseWidth], d = Array.isArray(c) ? o(c, (u) => u.test(r)) : (
+      // [TODO] -- I challenge you to fix the type
+      s(c, (u) => u.test(r))
+    );
+    let a;
+    a = t.valueCallback ? t.valueCallback(d) : d, a = e.valueCallback ? (
+      // [TODO] -- I challenge you to fix the type
+      e.valueCallback(a)
+    ) : a;
+    const f = n.slice(r.length);
+    return { value: a, rest: f };
+  };
+}
+function s(t, n) {
+  for (const e in t)
+    if (Object.prototype.hasOwnProperty.call(t, e) && n(t[e]))
+      return e;
+}
+function o(t, n) {
+  for (let e = 0; e < t.length; e++)
+    if (n(t[e]))
+      return e;
+}
 export {
-  i as columnGap,
-  u as gap,
-  P as gridArea,
-  w as gridAutoColumns,
-  f as gridAutoFlow,
-  G as gridAutoRows,
-  g as gridColumn,
-  d as gridRow,
-  y as gridTemplateAreas,
-  A as gridTemplateColumns,
-  T as gridTemplateRows,
-  m as rowGap
+  P as buildMatchFn
 };

package/index.es434.js

@@ -1,26 +1,4 @@
-import o from "./index.es428.js";
-import p from "./index.es429.js";
-function r(e, t) {
-  return t === "grey" ? t : e;
-}
-const n = o({
-  prop: "color",
-  themeKey: "palette",
-  transform: r
-}), c = o({
-  prop: "bgcolor",
-  cssProperty: "backgroundColor",
-  themeKey: "palette",
-  transform: r
-}), m = o({
-  prop: "backgroundColor",
-  themeKey: "palette",
-  transform: r
-});
-p(n, c, m);
+var e = { exports: {} };
 export {
-  m as backgroundColor,
-  c as bgcolor,
-  n as color,
-  r as paletteTransform
+  e as __module
 };

package/index.es435.js

@@ -1,64 +1,46 @@
-import r from "./index.es428.js";
-import a from "./index.es429.js";
-import { handleBreakpoints as p, values as d } from "./index.es431.js";
-function i(t) {
-  return t <= 1 && t !== 0 ? `${t * 100}%` : t;
-}
-const f = r({
-  prop: "width",
-  transform: i
-}), s = (t) => {
-  if (t.maxWidth !== void 0 && t.maxWidth !== null) {
-    const h = (e) => {
-      var n, o;
-      const m = ((n = t.theme) == null || (n = n.breakpoints) == null || (n = n.values) == null ? void 0 : n[e]) || d[e];
-      return m ? ((o = t.theme) == null || (o = o.breakpoints) == null ? void 0 : o.unit) !== "px" ? {
-        maxWidth: `${m}${t.theme.breakpoints.unit}`
-      } : {
-        maxWidth: m
-      } : {
-        maxWidth: i(e)
-      };
-    };
-    return p(t, t.maxWidth, h);
+import { __exports as i } from "./index.es442.js";
+import h from "react";
+var f;
+function x() {
+  if (f) return i;
+  f = 1;
+  var u = h;
+  function s(e, t) {
+    return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
   }
-  return null;
-};
-s.filterProps = ["maxWidth"];
-const l = r({
-  prop: "minWidth",
-  transform: i
-}), u = r({
-  prop: "height",
-  transform: i
-}), x = r({
-  prop: "maxHeight",
-  transform: i
-}), c = r({
-  prop: "minHeight",
-  transform: i
-});
-r({
-  prop: "size",
-  cssProperty: "width",
-  transform: i
-});
-r({
-  prop: "size",
-  cssProperty: "height",
-  transform: i
-});
-const g = r({
-  prop: "boxSizing"
-});
-a(f, s, l, u, x, c, g);
+  var S = typeof Object.is == "function" ? Object.is : s, d = u.useState, l = u.useEffect, p = u.useLayoutEffect, E = u.useDebugValue;
+  function v(e, t) {
+    var r = t(), a = d({ inst: { value: r, getSnapshot: t } }), n = a[0].inst, c = a[1];
+    return p(
+      function() {
+        n.value = r, n.getSnapshot = t, o(n) && c({ inst: n });
+      },
+      [e, r, t]
+    ), l(
+      function() {
+        return o(n) && c({ inst: n }), e(function() {
+          o(n) && c({ inst: n });
+        });
+      },
+      [e]
+    ), E(r), r;
+  }
+  function o(e) {
+    var t = e.getSnapshot;
+    e = e.value;
+    try {
+      var r = t();
+      return !S(e, r);
+    } catch {
+      return !0;
+    }
+  }
+  function y(e, t) {
+    return t();
+  }
+  var m = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? y : v;
+  return i.useSyncExternalStore = u.useSyncExternalStore !== void 0 ? u.useSyncExternalStore : m, i;
+}
 export {
-  g as boxSizing,
-  u as height,
-  x as maxHeight,
-  s as maxWidth,
-  c as minHeight,
-  l as minWidth,
-  i as sizingTransform,
-  f as width
+  x as __require
 };

package/index.es436.js

@@ -1,7 +1,54 @@
-function u(t) {
-  const n = {};
-  return (e) => (n[e] === void 0 && (n[e] = t(e)), n[e]);
+import { __exports as s } from "./index.es443.js";
+import h from "react";
+var l;
+function A() {
+  return l ? s : (l = 1, process.env.NODE_ENV !== "production" && (function() {
+    function d(e, t) {
+      return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
+    }
+    function S(e, t) {
+      f || o.startTransition === void 0 || (f = !0);
+      var r = t();
+      if (!c) {
+        var u = t();
+        _(r, u) || (c = !0);
+      }
+      u = p({
+        inst: { value: r, getSnapshot: t }
+      });
+      var n = u[0].inst, i = u[1];
+      return L(
+        function() {
+          n.value = r, n.getSnapshot = t, a(n) && i({ inst: n });
+        },
+        [e, r, t]
+      ), E(
+        function() {
+          return a(n) && i({ inst: n }), e(function() {
+            a(n) && i({ inst: n });
+          });
+        },
+        [e]
+      ), y(r), r;
+    }
+    function a(e) {
+      var t = e.getSnapshot;
+      e = e.value;
+      try {
+        var r = t();
+        return !_(e, r);
+      } catch {
+        return !0;
+      }
+    }
+    function O(e, t) {
+      return t();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var o = h, _ = typeof Object.is == "function" ? Object.is : d, p = o.useState, E = o.useEffect, L = o.useLayoutEffect, y = o.useDebugValue, f = !1, c = !1, v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? O : S;
+    s.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : v, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })(), s);
 }
 export {
-  u as default
+  A as __require
 };

package/index.es437.js

@@ -1,61 +1,15 @@
-import v from "./index.es208.js";
-import f from "./index.es207.js";
-const h = ["values", "unit", "step"], $ = (i) => {
-  const t = Object.keys(i).map((r) => ({
-    key: r,
-    val: i[r]
-  })) || [];
-  return t.sort((r, u) => r.val - u.val), t.reduce((r, u) => f({}, r, {
-    [u.key]: u.val
-  }), {});
-};
-function w(i) {
-  const {
-    // The breakpoint **start** at this value.
-    // For instance with the first breakpoint xs: [xs, sm).
-    values: t = {
-      xs: 0,
-      // phone
-      sm: 600,
-      // tablet
-      md: 900,
-      // small laptop
-      lg: 1200,
-      // desktop
-      xl: 1536
-      // large screen
-    },
-    unit: r = "px",
-    step: u = 5
-  } = i, m = v(i, h), c = $(t), n = Object.keys(c);
-  function s(e) {
-    return `@media (min-width:${typeof t[e] == "number" ? t[e] : e}${r})`;
-  }
-  function l(e) {
-    return `@media (max-width:${(typeof t[e] == "number" ? t[e] : e) - u / 100}${r})`;
-  }
-  function a(e, o) {
-    const d = n.indexOf(o);
-    return `@media (min-width:${typeof t[e] == "number" ? t[e] : e}${r}) and (max-width:${(d !== -1 && typeof t[n[d]] == "number" ? t[n[d]] : o) - u / 100}${r})`;
-  }
-  function p(e) {
-    return n.indexOf(e) + 1 < n.length ? a(e, n[n.indexOf(e) + 1]) : s(e);
-  }
-  function x(e) {
-    const o = n.indexOf(e);
-    return o === 0 ? s(n[1]) : o === n.length - 1 ? l(n[o]) : a(e, n[n.indexOf(e) + 1]).replace("@media", "@media not all and");
-  }
-  return f({
-    keys: n,
-    values: c,
-    up: s,
-    down: l,
-    between: a,
-    only: p,
-    not: x,
-    unit: r
-  }, m);
+function g(d, s, k, t, f, O, n) {
+  const { ISOWeek: o, broadcastCalendar: r } = O, { addDays: W, addMonths: c, addWeeks: l, addYears: u, endOfBroadcastWeek: b, endOfISOWeek: m, endOfWeek: y, max: F, min: I, startOfBroadcastWeek: h, startOfISOWeek: x, startOfWeek: B } = n;
+  let a = {
+    day: W,
+    week: l,
+    month: c,
+    year: u,
+    startOfWeek: (e) => r ? h(e, n) : o ? x(e) : B(e),
+    endOfWeek: (e) => r ? b(e) : o ? m(e) : y(e)
+  }[d](k, s === "after" ? 1 : -1);
+  return s === "before" && t ? a = F([t, a]) : s === "after" && f && (a = I([f, a])), a;
 }
 export {
-  w as default
+  g as getFocusableDate
 };

package/index.es438.js

@@ -1,15 +1,7 @@
-import { createUnarySpacing as c } from "./index.es430.js";
-function u(e = 8) {
-  if (e.mui)
-    return e;
-  const o = c({
-    spacing: e
-  }), n = (...r) => (process.env.NODE_ENV !== "production" && r.length <= 4, (r.length === 0 ? [1] : r).map((a) => {
-    const t = o(a);
-    return typeof t == "number" ? `${t}px` : t;
-  }).join(" "));
-  return n.mui = !0, n;
+function r(s, t) {
+  const e = t.startOfMonth(s), n = e.getDay() > 0 ? e.getDay() : 7, a = t.addDays(s, -n + 1), o = t.addDays(a, 34);
+  return t.getMonth(s) === t.getMonth(o) ? 5 : 4;
 }
 export {
-  u as default
+  r as getBroadcastWeeksInMonth
 };

package/index.es439.js

@@ -1,6 +1,22 @@
-const s = {
-  borderRadius: 4
-}, a = s;
+import { ValueSetter as u } from "./index.es270.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;
+  }
+}
 export {
-  a as default
+  n as Parser
 };

package/index.es44.js

@@ -1,90 +1,20 @@
-import { jsxs as x, jsx as m, Fragment as O } from "react/jsx-runtime";
-import { useState as g, useMemo as b } from "react";
-import { Popover as k, PopoverTrigger as y, PopoverContent as P } from "./index.es60.js";
-import { Button as j } from "./index.es23.js";
-import { selectVariants as S } from "./index.es66.js";
-import "./index.es2.js";
-import { formatDate as c } from "./index.es141.js";
-import A from "./index.es142.js";
-import M from "./index.es143.js";
-import { enUS as p } from "./index.es144.js";
-import { isMatch as V } from "./index.es145.js";
-import { parse as z } from "./index.es146.js";
-import { arSA as B } from "./index.es147.js";
-import { cn as F } from "./index.es89.js";
-const u = {
-  en: p,
-  ar: B
-}, I = (n, a = "en", t = 15) => {
-  const s = [], e = u[a];
-  if (n)
-    for (let o = 0; o < 24; o++)
-      for (let r = 0; r < 60; r += t) {
-        const l = new Date(2e3, 0, 1, o, r), h = c(l, "hh:mm a", { locale: p }), i = c(l, "hh:mm a", { locale: e });
-        s.push({ label: i, value: h });
-      }
-  else
-    for (let o = 0; o < 24; o++)
-      for (let r = 0; r < 60; r += t) {
-        const l = new Date(2e3, 0, 1, o, r), h = c(l, "HH:mm", { locale: p }), i = c(l, "HH:mm", { locale: e });
-        s.push({ label: i, value: h });
-      }
-  return s;
-};
-function U(n, a) {
-  if (!n)
-    return new Date(2e3, 0, 1, 0, 0);
-  let t = null;
-  const s = a ? "hh:mm a" : "HH:mm";
-  return V(n, s, { locale: p }) && (t = z(n, s, new Date(2e3, 0, 1), { locale: p })), !t || isNaN(t.getTime()) ? new Date(2e3, 0, 1, 0, 0) : t;
-}
-const ee = ({
-  placeholder: n,
-  value: a,
-  onChange: t,
-  rounded: s,
-  lang: e = "en",
-  variant: o,
-  className: r,
-  colors: l,
-  size: h,
-  timeStep: i = 15,
-  ampm: f,
-  disabled: D
-}) => {
-  const [v, w] = g(!1), T = b(() => I(f, e, i), [f, e, i]), C = (d) => {
-    w(!1), t(d);
-  }, H = b(() => U(a, !!f), [a, f]), N = a ? f ? c(H, "hh:mm a", { locale: u[e] }) : c(H, "HH:mm", { locale: u[e] }) : null;
-  return /* @__PURE__ */ x(k, { open: v, onOpenChange: w, children: [
-    /* @__PURE__ */ m(y, { asChild: !0, children: /* @__PURE__ */ x("button", { id: "date", role: "date", className: F(S({ variant: o, colors: l, size: h, rounded: s }), r), disabled: D, children: [
-      N ? /* @__PURE__ */ m(O, { children: N }) : /* @__PURE__ */ m("span", { className: "text-body-01 text-foreground-secondary", children: n ?? c(new Date(2e3, 0, 1, 12, 0), f ? "hh:mm a" : "HH:mm", { locale: u[e] }) }),
-      /* @__PURE__ */ m(A, { className: "size-[20px] shrink-0" })
-    ] }) }),
-    /* @__PURE__ */ m(
-      P,
-      {
-        className: "max-h-[230px] min-w-[300px] overflow-auto rounded border p-space-04 shadow-2xl",
-        align: e === "ar" ? "end" : "start",
-        children: /* @__PURE__ */ m("div", { dir: e === "ar" ? "rtl" : "ltr", className: "flex flex-col gap-space-02", children: T.map((d) => /* @__PURE__ */ x(
-          j,
-          {
-            colors: "neutral",
-            variant: "text",
-            rounded: "default",
-            className: "flex justify-between font-normal",
-            onClick: () => C(d.value),
-            children: [
-              d.label,
-              d.value === a && /* @__PURE__ */ m(M, {})
-            ]
-          },
-          d.value
-        )) })
-      }
-    )
-  ] });
-};
+import { jsx as s } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-label";
+import { cva as i } from "./index.es118.js";
+import * as m from "react";
+import { cn as l } from "./index.es94.js";
+const d = i("peer-disabled:cursor-not-allowed peer-disabled:opacity-70", {
+  variants: {
+    size: {
+      default: "text-body-02",
+      sm: "text-body-01"
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+}), p = m.forwardRef(({ className: o, size: e, ...t }, r) => /* @__PURE__ */ s(a.Root, { ref: r, className: l(d({ size: e }), o), ...t }));
+p.displayName = a.Root.displayName;
 export {
-  ee as TimePicker,
-  ee as default
+  p as Label
 };