mada-design-system 0.9.0 → 1.0.0

package/index.es406.js

@@ -1,5 +1,105 @@
-import e from "./index.es209.js";
-const o = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.string, e.object, e.array]) : {}, p = o;
+var d = Object.defineProperty;
+var f = (o, t, r) => t in o ? d(o, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[t] = r;
+var s = (o, t, r) => f(o, typeof t != "symbol" ? t + "" : t, r);
+import { setISODay as u } from "./index.es273.js";
+import { Parser as y } from "./index.es439.js";
+import { mapValue as n, parseNDigits as c } from "./index.es440.js";
+class b extends y {
+  constructor() {
+    super(...arguments);
+    s(this, "priority", 90);
+    s(this, "incompatibleTokens", [
+      "y",
+      "Y",
+      "u",
+      "q",
+      "Q",
+      "M",
+      "L",
+      "w",
+      "d",
+      "D",
+      "E",
+      "e",
+      "c",
+      "t",
+      "T"
+    ]);
+  }
+  parse(r, e, i) {
+    const a = (w) => w === 0 ? 7 : w;
+    switch (e) {
+      // 2
+      case "i":
+      case "ii":
+        return c(e.length, r);
+      // 2nd
+      case "io":
+        return i.ordinalNumber(r, { unit: "day" });
+      // Tue
+      case "iii":
+        return n(
+          i.day(r, {
+            width: "abbreviated",
+            context: "formatting"
+          }) || i.day(r, {
+            width: "short",
+            context: "formatting"
+          }) || i.day(r, {
+            width: "narrow",
+            context: "formatting"
+          }),
+          a
+        );
+      // T
+      case "iiiii":
+        return n(
+          i.day(r, {
+            width: "narrow",
+            context: "formatting"
+          }),
+          a
+        );
+      // Tu
+      case "iiiiii":
+        return n(
+          i.day(r, {
+            width: "short",
+            context: "formatting"
+          }) || i.day(r, {
+            width: "narrow",
+            context: "formatting"
+          }),
+          a
+        );
+      // Tuesday
+      case "iiii":
+      default:
+        return n(
+          i.day(r, {
+            width: "wide",
+            context: "formatting"
+          }) || i.day(r, {
+            width: "abbreviated",
+            context: "formatting"
+          }) || i.day(r, {
+            width: "short",
+            context: "formatting"
+          }) || i.day(r, {
+            width: "narrow",
+            context: "formatting"
+          }),
+          a
+        );
+    }
+  }
+  validate(r, e) {
+    return e >= 1 && e <= 7;
+  }
+  set(r, e, i) {
+    return r = u(r, i), r.setHours(0, 0, 0, 0), r;
+  }
+}
 export {
-  p as default
+  b as ISODayParser
 };

package/index.es407.js

@@ -1,43 +1,49 @@
-import P from "./index.es406.js";
-import { handleBreakpoints as m } from "./index.es410.js";
-import $ from "./index.es416.js";
-function c(t, e, f = !0) {
-  if (!e || typeof e != "string")
-    return null;
-  if (t && t.vars && f) {
-    const n = `vars.${e}`.split(".").reduce((r, s) => r && r[s] ? r[s] : null, t);
-    if (n != null)
-      return n;
+var d = Object.defineProperty;
+var n = (e, a, r) => a in e ? d(e, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[a] = r;
+var t = (e, a, r) => n(e, typeof a != "symbol" ? a + "" : a, r);
+import { Parser as s } from "./index.es439.js";
+import { dayPeriodEnumToHours as w } from "./index.es440.js";
+class u extends s {
+  constructor() {
+    super(...arguments);
+    t(this, "priority", 80);
+    t(this, "incompatibleTokens", ["b", "B", "H", "k", "t", "T"]);
+  }
+  parse(r, i, o) {
+    switch (i) {
+      case "a":
+      case "aa":
+      case "aaa":
+        return o.dayPeriod(r, {
+          width: "abbreviated",
+          context: "formatting"
+        }) || o.dayPeriod(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "aaaaa":
+        return o.dayPeriod(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "aaaa":
+      default:
+        return o.dayPeriod(r, {
+          width: "wide",
+          context: "formatting"
+        }) || o.dayPeriod(r, {
+          width: "abbreviated",
+          context: "formatting"
+        }) || o.dayPeriod(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+    }
+  }
+  set(r, i, o) {
+    return r.setHours(w(o), 0, 0, 0), r;
   }
-  return e.split(".").reduce((n, r) => n && n[r] != null ? n[r] : null, t);
-}
-function y(t, e, f, n = f) {
-  let r;
-  return typeof t == "function" ? r = t(f) : Array.isArray(t) ? r = t[f] || n : r = c(t, f) || n, e && (r = e(r, n, t)), r;
-}
-function k(t) {
-  const {
-    prop: e,
-    cssProperty: f = t.prop,
-    themeKey: n,
-    transform: r
-  } = t, s = (o) => {
-    if (o[e] == null)
-      return null;
-    const v = o[e], d = o.theme, i = c(d, n) || {};
-    return m(o, v, (u) => {
-      let l = y(i, r, u);
-      return u === l && typeof u == "string" && (l = y(i, r, `${e}${u === "default" ? "" : $(u)}`, u)), f === !1 ? l : {
-        [f]: l
-      };
-    });
-  };
-  return s.propTypes = process.env.NODE_ENV !== "production" ? {
-    [e]: P
-  } : {}, s.filterProps = [e], s;
 }
 export {
-  k as default,
-  c as getPath,
-  y as getStyleValue
+  u as AMPMParser
 };

package/index.es408.js

@@ -1,10 +1,49 @@
-import c from "./index.es411.js";
-function f(...n) {
-  const u = n.reduce((r, e) => (e.filterProps.forEach((o) => {
-    r[o] = e;
-  }), r), {}), t = (r) => Object.keys(r).reduce((e, o) => u[o] ? c(e, u[o](r)) : e, {});
-  return t.propTypes = process.env.NODE_ENV !== "production" ? n.reduce((r, e) => Object.assign(r, e.propTypes), {}) : {}, t.filterProps = n.reduce((r, e) => r.concat(e.filterProps), []), t;
+var b = Object.defineProperty;
+var d = (t, o, r) => o in t ? b(t, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[o] = r;
+var i = (t, o, r) => d(t, typeof o != "symbol" ? o + "" : o, r);
+import { Parser as n } from "./index.es439.js";
+import { dayPeriodEnumToHours as s } from "./index.es440.js";
+class c extends n {
+  constructor() {
+    super(...arguments);
+    i(this, "priority", 80);
+    i(this, "incompatibleTokens", ["a", "B", "H", "k", "t", "T"]);
+  }
+  parse(r, a, e) {
+    switch (a) {
+      case "b":
+      case "bb":
+      case "bbb":
+        return e.dayPeriod(r, {
+          width: "abbreviated",
+          context: "formatting"
+        }) || e.dayPeriod(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "bbbbb":
+        return e.dayPeriod(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "bbbb":
+      default:
+        return e.dayPeriod(r, {
+          width: "wide",
+          context: "formatting"
+        }) || e.dayPeriod(r, {
+          width: "abbreviated",
+          context: "formatting"
+        }) || e.dayPeriod(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+    }
+  }
+  set(r, a, e) {
+    return r.setHours(s(e), 0, 0, 0), r;
+  }
 }
 export {
-  f as default
+  c as AMPMMidnightParser
 };

package/index.es409.js

@@ -1,78 +1,49 @@
-import d from "./index.es406.js";
-import { handleBreakpoints as f } from "./index.es410.js";
-import { getPath as l } from "./index.es407.js";
-import y from "./index.es411.js";
-import h from "./index.es415.js";
-const v = {
-  m: "margin",
-  p: "padding"
-}, E = {
-  t: "Top",
-  r: "Right",
-  b: "Bottom",
-  l: "Left",
-  x: ["Left", "Right"],
-  y: ["Top", "Bottom"]
-}, p = {
-  marginX: "mx",
-  marginY: "my",
-  paddingX: "px",
-  paddingY: "py"
-}, N = h((e) => {
-  if (e.length > 2)
-    if (p[e])
-      e = p[e];
-    else
-      return [e];
-  const [n, t] = e.split(""), r = v[n], a = E[t] || "";
-  return Array.isArray(a) ? a.map((o) => r + o) : [r + a];
-}), s = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], m = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], b = [...s, ...m];
-function I(e, n, t, r) {
-  var a;
-  const o = (a = l(e, n, !1)) != null ? a : t;
-  return typeof o == "number" ? (i) => typeof i == "string" ? i : (process.env.NODE_ENV, o * i) : Array.isArray(o) ? (i) => typeof i == "string" ? i : (process.env.NODE_ENV !== "production" && Number.isInteger(i) && i > o.length - 1, o[i]) : typeof o == "function" ? o : (process.env.NODE_ENV, () => {
-  });
+var d = Object.defineProperty;
+var n = (t, o, r) => o in t ? d(t, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[o] = r;
+var i = (t, o, r) => n(t, typeof o != "symbol" ? o + "" : o, r);
+import { Parser as s } from "./index.es439.js";
+import { dayPeriodEnumToHours as B } from "./index.es440.js";
+class c extends s {
+  constructor() {
+    super(...arguments);
+    i(this, "priority", 80);
+    i(this, "incompatibleTokens", ["a", "b", "t", "T"]);
+  }
+  parse(r, a, e) {
+    switch (a) {
+      case "B":
+      case "BB":
+      case "BBB":
+        return e.dayPeriod(r, {
+          width: "abbreviated",
+          context: "formatting"
+        }) || e.dayPeriod(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "BBBBB":
+        return e.dayPeriod(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "BBBB":
+      default:
+        return e.dayPeriod(r, {
+          width: "wide",
+          context: "formatting"
+        }) || e.dayPeriod(r, {
+          width: "abbreviated",
+          context: "formatting"
+        }) || e.dayPeriod(r, {
+          width: "narrow",
+          context: "formatting"
+        });
+    }
+  }
+  set(r, a, e) {
+    return r.setHours(B(e), 0, 0, 0), r;
+  }
 }
-function B(e) {
-  return I(e, "spacing", 8, "spacing");
-}
-function S(e, n) {
-  if (typeof n == "string" || n == null)
-    return n;
-  const t = Math.abs(n), r = e(t);
-  return n >= 0 ? r : typeof r == "number" ? -r : `-${r}`;
-}
-function T(e, n) {
-  return (t) => e.reduce((r, a) => (r[a] = S(n, t), r), {});
-}
-function $(e, n, t, r) {
-  if (n.indexOf(t) === -1)
-    return null;
-  const a = N(t), o = T(a, r), i = e[t];
-  return f(e, i, o);
-}
-function u(e, n) {
-  const t = B(e.theme);
-  return Object.keys(e).map((r) => $(e, n, r, t)).reduce(y, {});
-}
-function c(e) {
-  return u(e, s);
-}
-c.propTypes = process.env.NODE_ENV !== "production" ? s.reduce((e, n) => (e[n] = d, e), {}) : {};
-c.filterProps = s;
-function g(e) {
-  return u(e, m);
-}
-g.propTypes = process.env.NODE_ENV !== "production" ? m.reduce((e, n) => (e[n] = d, e), {}) : {};
-g.filterProps = m;
-process.env.NODE_ENV !== "production" && b.reduce((e, n) => (e[n] = d, e), {});
 export {
-  B as createUnarySpacing,
-  I as createUnaryUnit,
-  T as getStyleFromPropValue,
-  S as getValue,
-  c as margin,
-  s as marginKeys,
-  g as padding,
-  m as paddingKeys
+  c as DayPeriodParser
 };

package/index.es41.js

@@ -1,20 +1,78 @@
-import { jsx as x } from "react/jsx-runtime";
-import { clsx as c } from "./index.es133.js";
-const u = ({
-  minChildWidth: r,
-  cols: e = 12,
-  // Default to 12 columns
-  gap: p = "gap-space-05",
-  // Default spacing
-  gapX: a = "",
-  gapY: m = "",
-  className: o,
-  children: s,
-  ...t
+import { jsx as n } from "react/jsx-runtime";
+import { Slot as F } from "@radix-ui/react-slot";
+import * as s from "react";
+import { FormProvider as p, Controller as I, useFormContext as x } from "./index.es40.js";
+import { useController as j, useFieldArray as k, useForm as A, useFormState as E, useWatch as W } from "./index.es40.js";
+import { Label as C } from "./index.es44.js";
+import { cn as c } from "./index.es94.js";
+const S = (e) => /* @__PURE__ */ n(p, { ...e }), f = s.createContext({}), D = ({
+  ...e
 }) => {
-  const f = r ? `repeat(auto-fill, minmax(${typeof r == "number" ? `${r}px` : r}, 1fr))` : `repeat(${e}, minmax(0, 1fr))`;
-  return /* @__PURE__ */ x("div", { className: c("grid", p, a, m, o), style: { gridTemplateColumns: f }, ...t, children: s });
-};
+  const r = s.useMemo(() => ({ name: e.name }), [e.name]);
+  return /* @__PURE__ */ n(f.Provider, { value: r, children: /* @__PURE__ */ n(I, { ...e }) });
+}, l = () => {
+  const e = s.useContext(f), r = s.useContext(u), { getFieldState: t, formState: m, formId: o } = x(), i = t(e.name, m);
+  if (!e)
+    throw new Error("useFormField should be used within <FormField>");
+  const { id: a } = r, d = o ? `${o}-${e.name}` : a;
+  return {
+    newId: d,
+    name: e.name,
+    formItemId: o ? d : `${a}-form-item`,
+    formDescriptionId: `${o ? d : a}-form-item-description`,
+    formMessageId: `${o ? d : a}-form-item-message`,
+    ...i
+  };
+}, u = s.createContext({}), g = s.forwardRef(({ className: e, ...r }, t) => {
+  const m = s.useId(), o = s.useMemo(() => ({ id: m }), [m]);
+  return /* @__PURE__ */ n(u.Provider, { value: o, children: /* @__PURE__ */ n("div", { ref: t, className: c(e), ...r }) });
+});
+g.displayName = "FormItem";
+const b = s.forwardRef(
+  ({ className: e, ...r }, t) => {
+    const { formItemId: m } = l();
+    return /* @__PURE__ */ n(C, { ref: t, className: c("mb-space-02 block", e), htmlFor: m, ...r });
+  }
+);
+b.displayName = "FormLabel";
+const w = s.forwardRef(({ ...e }, r) => {
+  const { error: t, formItemId: m, formDescriptionId: o, formMessageId: i } = l();
+  return /* @__PURE__ */ n(
+    F,
+    {
+      ref: r,
+      id: m,
+      "aria-describedby": t ? `${o} ${i}` : `${o}`,
+      "aria-invalid": !!t,
+      ...e
+    }
+  );
+});
+w.displayName = "FormControl";
+const N = s.forwardRef(({ className: e, ...r }, t) => {
+  const { formDescriptionId: m } = l();
+  return /* @__PURE__ */ n("p", { ref: t, id: m, className: c("text-sm text-muted-foreground", e), ...r });
+});
+N.displayName = "FormDescription";
+const h = s.forwardRef(({ className: e, children: r, ...t }, m) => {
+  const { error: o, formMessageId: i } = l(), a = o ? String(o == null ? void 0 : o.message) : r;
+  return a ? /* @__PURE__ */ n("p", { ref: m, id: i, className: c("mt-space-01 text-xs font-bold leading-[1.8rem] text-error", e), ...t, children: a }) : null;
+});
+h.displayName = "FormMessage";
 export {
-  u as SimpleGrid
+  I as Controller,
+  S as Form,
+  w as FormControl,
+  N as FormDescription,
+  D as FormField,
+  g as FormItem,
+  b as FormLabel,
+  h as FormMessage,
+  j as useController,
+  k as useFieldArray,
+  A as useForm,
+  x as useFormContext,
+  l as useFormField,
+  E as useFormState,
+  W as useWatch
 };

package/index.es410.js

@@ -1,57 +1,33 @@
-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), {});
+var n = Object.defineProperty;
+var m = (e, s, r) => s in e ? n(e, s, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[s] = r;
+var i = (e, s, r) => m(e, typeof s != "symbol" ? s + "" : s, r);
+import { numericPatterns as p } from "./index.es441.js";
+import { Parser as c } from "./index.es439.js";
+import { parseNDigits as a, parseNumericPattern as f } from "./index.es440.js";
+class N extends c {
+  constructor() {
+    super(...arguments);
+    i(this, "priority", 70);
+    i(this, "incompatibleTokens", ["H", "K", "k", "t", "T"]);
   }
-  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;
-    }, {});
+  parse(r, t, o) {
+    switch (t) {
+      case "h":
+        return f(p.hour12h, r);
+      case "ho":
+        return o.ordinalNumber(r, { unit: "hour" });
+      default:
+        return a(t.length, r);
+    }
+  }
+  validate(r, t) {
+    return t >= 1 && t <= 12;
+  }
+  set(r, t, o) {
+    const u = r.getHours() >= 12;
+    return u && o < 12 ? r.setHours(o + 12, 0, 0, 0) : !u && o === 12 ? r.setHours(0, 0, 0, 0) : r.setHours(o, 0, 0, 0), r;
   }
-  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);
 }
 export {
-  y as createEmptyBreakpointObject,
-  m as handleBreakpoints,
-  f as removeUnusedBreakpoints,
-  c as values
+  N as Hour1to12Parser
 };

package/index.es411.js

@@ -1,10 +1,32 @@
-import f from "./index.es372.js";
-function o(e, r) {
-  return r ? f(e, r, {
-    clone: !1
-    // No need to clone deep, it's way faster.
-  }) : e;
+var i = Object.defineProperty;
+var u = (t, e, r) => e in t ? i(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var a = (t, e, r) => u(t, typeof e != "symbol" ? e + "" : e, r);
+import { numericPatterns as n } from "./index.es441.js";
+import { Parser as m } from "./index.es439.js";
+import { parseNDigits as p, parseNumericPattern as c } from "./index.es440.js";
+class P extends m {
+  constructor() {
+    super(...arguments);
+    a(this, "priority", 70);
+    a(this, "incompatibleTokens", ["a", "b", "h", "K", "k", "t", "T"]);
+  }
+  parse(r, s, o) {
+    switch (s) {
+      case "H":
+        return c(n.hour23h, r);
+      case "Ho":
+        return o.ordinalNumber(r, { unit: "hour" });
+      default:
+        return p(s.length, r);
+    }
+  }
+  validate(r, s) {
+    return s >= 0 && s <= 23;
+  }
+  set(r, s, o) {
+    return r.setHours(o, 0, 0, 0), r;
+  }
 }
 export {
-  o as default
+  P as Hour0to23Parser
 };