mada-design-system 0.9.1 → 1.0.1

package/index.es37.js

@@ -1,65 +1,125 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { cva as b } from "./index.es111.js";
-import * as c from "react";
-import { cn as m } from "./index.es89.js";
-const p = b(
-  `relative inline-flex items-center  w-full  px-space-04 text-form-field-text-filled   overflow-hidden
-     aria-[disabled=true]:cursor-not-allowed aria-[disabled=true]:text-disabled-text-default-disabled
-     aria-[invalid=true]:border-form-field-border-error focus-within:shadow-md  focus-within:aria-[invalid=true]:after:bg-form-field-border-error
-     after:absolute after:bottom-0 after:w-0 after:h-[2px] ltr:after:-translate-x-1/2 rtl:after:translate-x-1/2 after:start-1/2 after:bg-form-field-border-pressed after:ease-in-out after:transition-all focus-within:after:w-full
-    `,
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-dropdown-menu";
+import * as r from "react";
+import { cn as d } from "./index.es94.js";
+import l from "./index.es138.js";
+import p from "./index.es139.js";
+import m from "./index.es140.js";
+const S = e.Root, C = e.Trigger, z = e.Group, k = e.Portal, T = e.Sub, j = e.RadioGroup, u = r.forwardRef(({ className: a, inset: t, children: o, ...n }, i) => /* @__PURE__ */ c(
+  e.SubTrigger,
   {
-    variants: {
-      variant: {
-        default: "bg-form-field-background-darker  hover:aria-[disabled=false]:border-form-field-border-default",
-        outline: "bg-form-field-background-default aria-[disabled=false]:hover:border-form-field-border-hovered border border-form-field-border-default aria-[disabled=true]:border-border-disabled",
-        lighter: "bg-form-field-background-lighter  aria-[disabled=false]:hover:border-form-field-border-default"
-      },
-      rounded: {
-        default: "rounded",
-        full: "rounded-4"
-      },
-      colors: {
-        default: "hover:aria-[disabled=false]:border",
-        success: "border-success",
-        destructive: "border-form-field-border-error "
-      },
-      size: {
-        default: "[&>input]:py-space-02 text-body-02 h-[40px]",
-        sm: "[&>input]:py-space-01 text-body-01 h-[32px]"
-      }
-    },
-    defaultVariants: {
-      variant: "outline",
-      rounded: "default",
-      colors: "default",
-      size: "default"
-    }
+    ref: i,
+    className: d(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[state=open]:bg-accent focus:bg-accent",
+      t && "pl-8",
+      a
+    ),
+    ...n,
+    children: [
+      o,
+      /* @__PURE__ */ s(m, { className: "ml-auto h-4 w-4" })
+    ]
   }
-), h = c.forwardRef(
-  ({ className: t, variant: i, rounded: l, type: o, colors: f, startAdornment: a, size: s, endAdornment: d, ...e }, u) => /* @__PURE__ */ n(
-    "div",
-    {
-      className: m(p({ variant: i, rounded: l, colors: f, size: s }), t),
-      "aria-invalid": e["aria-invalid"],
-      "aria-disabled": e.disabled,
-      children: [
-        a && /* @__PURE__ */ r("div", { className: " me-space-02 ", children: a }),
-        /* @__PURE__ */ r(
-          "input",
-          {
-            type: o,
-            className: "file:font-mdium w-full bg-transparent  outline-none file:border-0  file:bg-transparent file:text-sm placeholder:text-form-field-text-placeholder  ",
-            ref: u,
-            ...e
-          }
-        ),
-        d && /* @__PURE__ */ r("div", { className: "ms-space-02", children: d })
-      ]
-    }
-  )
-);
-h.displayName = "Input";
+));
+u.displayName = e.SubTrigger.displayName;
+const f = r.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ s(
+  e.SubContent,
+  {
+    ref: o,
+    className: d(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      a
+    ),
+    ...t
+  }
+));
+f.displayName = e.SubContent.displayName;
+const b = r.forwardRef(({ className: a, sideOffset: t = 4, ...o }, n) => /* @__PURE__ */ s(e.Portal, { children: /* @__PURE__ */ s(
+  e.Content,
+  {
+    ref: n,
+    sideOffset: t,
+    className: d(
+      "z-50 min-w-[8rem] overflow-hidden rounded-2 border bg-card p-space-02 text-foreground shadow-xsm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      a
+    ),
+    ...o
+  }
+) }));
+b.displayName = e.Content.displayName;
+const w = r.forwardRef(({ className: a, inset: t, ...o }, n) => /* @__PURE__ */ s(
+  e.Item,
+  {
+    ref: n,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-1 py-space-02 pe-space-02 ps-space-03 text-body-01 outline-none transition-colors data-[disabled]:pointer-events-none   data-[disabled]:text-disabled focus:bg-card-hover",
+      t && "pl-8",
+      a
+    ),
+    ...o
+  }
+));
+w.displayName = e.Item.displayName;
+const h = r.forwardRef(({ className: a, children: t, checked: o, ...n }, i) => /* @__PURE__ */ c(
+  e.CheckboxItem,
+  {
+    ref: i,
+    className: d(
+      "relative flex cursor-default select-none items-center  rounded-1 py-space-01 pe-space-01 ps-space-03 text-body-01 outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:text-disabled focus:bg-card-hover",
+      a
+    ),
+    checked: o,
+    ...n,
+    children: [
+      /* @__PURE__ */ s("span", { className: "absolute -start-space-01 flex h-space-04 w-space-04 items-center justify-center", children: /* @__PURE__ */ s(e.ItemIndicator, { children: /* @__PURE__ */ s(l, { className: "h-space-03 w-space-03" }) }) }),
+      t
+    ]
+  }
+));
+h.displayName = e.CheckboxItem.displayName;
+const N = r.forwardRef(({ className: a, children: t, ...o }, n) => /* @__PURE__ */ c(
+  e.RadioItem,
+  {
+    ref: n,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-1 py-space-01 pe-space-04 ps-space-03 text-body-01 outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:text-disabled focus:bg-card-hover",
+      a
+    ),
+    ...o,
+    children: [
+      /* @__PURE__ */ s("span", { className: "absolute -start-space-01 flex h-space-04 w-space-04 items-center justify-center", children: /* @__PURE__ */ s(e.ItemIndicator, { children: /* @__PURE__ */ s(p, { className: "h-space-02 w-space-02 fill-current" }) }) }),
+      t
+    ]
+  }
+));
+N.displayName = e.RadioItem.displayName;
+const y = r.forwardRef(({ className: a, inset: t, ...o }, n) => /* @__PURE__ */ s(
+  e.Label,
+  {
+    ref: n,
+    className: d("text-caption-01 font-bold text-foreground-secondary", t && "pl-8", a),
+    ...o
+  }
+));
+y.displayName = e.Label.displayName;
+const g = r.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ s(e.Separator, { ref: o, className: d("my-space-03 h-px bg-border", a), ...t }));
+g.displayName = e.Separator.displayName;
+const x = ({ className: a, ...t }) => /* @__PURE__ */ s("span", { className: d("ml-auto text-xs tracking-widest opacity-60", a), ...t });
+x.displayName = "DropdownMenuShortcut";
 export {
-  h as Input
+  S as DropdownMenu,
+  h as DropdownMenuCheckboxItem,
+  b as DropdownMenuContent,
+  z as DropdownMenuGroup,
+  w as DropdownMenuItem,
+  y as DropdownMenuLabel,
+  k as DropdownMenuPortal,
+  j as DropdownMenuRadioGroup,
+  N as DropdownMenuRadioItem,
+  g as DropdownMenuSeparator,
+  x as DropdownMenuShortcut,
+  T as DropdownMenuSub,
+  f as DropdownMenuSubContent,
+  u as DropdownMenuSubTrigger,
+  C as DropdownMenuTrigger
 };

package/index.es370.js

@@ -1,60 +1,7 @@
-import f from "./index.es208.js";
-import u from "./index.es207.js";
-const l = ["duration", "easing", "delay"], p = {
-  // This is the most common easing curve.
-  easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
-  // Objects enter the screen at full velocity from off-screen and
-  // slowly decelerate to a resting point.
-  easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
-  // Objects leave the screen at full velocity. They do not decelerate when off-screen.
-  easeIn: "cubic-bezier(0.4, 0, 1, 1)",
-  // The sharp curve is used by objects that may return to the screen at any time.
-  sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
-}, y = {
-  shortest: 150,
-  shorter: 200,
-  short: 250,
-  // most basic recommended timing
-  standard: 300,
-  // this is to be used in complex animations
-  complex: 375,
-  // recommended when something is entering screen
-  enteringScreen: 225,
-  // recommended when something is leaving screen
-  leavingScreen: 195
-};
-function m(e) {
-  return `${Math.round(e)}ms`;
-}
-function h(e) {
-  if (!e)
-    return 0;
-  const t = e / 36;
-  return Math.round((4 + 15 * t ** 0.25 + t / 5) * 10);
-}
-function O(e) {
-  const t = u({}, p, e.easing), c = u({}, y, e.duration);
-  return u({
-    getAutoHeightDuration: h,
-    create: (n = ["all"], s = {}) => {
-      const {
-        duration: o = c.standard,
-        easing: g = t.easeInOut,
-        delay: i = 0
-      } = s, b = f(s, l);
-      if (process.env.NODE_ENV !== "production") {
-        const r = (a) => typeof a == "string", d = (a) => !isNaN(parseFloat(a));
-        !r(n) && Array.isArray(n), !d(o) && r(o), r(g), !d(i) && r(i), Object.keys(b).length;
-      }
-      return (Array.isArray(n) ? n : [n]).map((r) => `${r} ${typeof o == "string" ? o : m(o)} ${g} ${typeof i == "string" ? i : m(i)}`).join(",");
-    }
-  }, e, {
-    easing: t,
-    duration: c
-  });
+function r(t, n) {
+  const o = t < 0 ? "-" : "", a = Math.abs(t).toString().padStart(n, "0");
+  return o + a;
 }
 export {
-  O as default,
-  y as duration,
-  p as easing
+  r as addLeadingZeros
 };

package/index.es371.js

@@ -1,13 +1,59 @@
-const a = {
-  mobileStepper: 1e3,
-  fab: 1050,
-  speedDial: 1050,
-  appBar: 1100,
-  drawer: 1200,
-  modal: 1300,
-  snackbar: 1400,
-  tooltip: 1500
-}, e = a;
+import { addLeadingZeros as n } from "./index.es370.js";
+const g = {
+  // Year
+  y(e, t) {
+    const r = e.getFullYear(), a = r > 0 ? r : 1 - r;
+    return n(t === "yy" ? a % 100 : a, t.length);
+  },
+  // Month
+  M(e, t) {
+    const r = e.getMonth();
+    return t === "M" ? String(r + 1) : n(r + 1, 2);
+  },
+  // Day of the month
+  d(e, t) {
+    return n(e.getDate(), t.length);
+  },
+  // AM or PM
+  a(e, t) {
+    const r = e.getHours() / 12 >= 1 ? "pm" : "am";
+    switch (t) {
+      case "a":
+      case "aa":
+        return r.toUpperCase();
+      case "aaa":
+        return r;
+      case "aaaaa":
+        return r[0];
+      case "aaaa":
+      default:
+        return r === "am" ? "a.m." : "p.m.";
+    }
+  },
+  // Hour [1-12]
+  h(e, t) {
+    return n(e.getHours() % 12 || 12, t.length);
+  },
+  // Hour [0-23]
+  H(e, t) {
+    return n(e.getHours(), t.length);
+  },
+  // Minute
+  m(e, t) {
+    return n(e.getMinutes(), t.length);
+  },
+  // Second
+  s(e, t) {
+    return n(e.getSeconds(), t.length);
+  },
+  // Fraction of second
+  S(e, t) {
+    const r = t.length, a = e.getMilliseconds(), s = Math.trunc(
+      a * Math.pow(10, r - 3)
+    );
+    return n(s, t.length);
+  }
+};
 export {
-  e as default
+  g as lightFormatters
 };

package/index.es372.js

@@ -1,9 +1,33 @@
-function o(e) {
-  let t = "https://mui.com/production-error/?code=" + e;
-  for (let r = 1; r < arguments.length; r += 1)
-    t += "&args[]=" + encodeURIComponent(arguments[r]);
-  return "Minified MUI error #" + e + "; visit " + t + " for the full message.";
+var i = Object.defineProperty;
+var o = (G, s, r) => s in G ? i(G, s, { enumerable: !0, configurable: !0, writable: !0, value: r }) : G[s] = r;
+var w = (G, s, r) => o(G, typeof s != "symbol" ? s + "" : s, r);
+import { Parser as u } from "./index.es421.js";
+class n extends u {
+  constructor() {
+    super(...arguments);
+    w(this, "priority", 140);
+    w(this, "incompatibleTokens", ["R", "u", "t", "T"]);
+  }
+  parse(r, a, e) {
+    switch (a) {
+      // AD, BC
+      case "G":
+      case "GG":
+      case "GGG":
+        return e.era(r, { width: "abbreviated" }) || e.era(r, { width: "narrow" });
+      // A, B
+      case "GGGGG":
+        return e.era(r, { width: "narrow" });
+      // Anno Domini, Before Christ
+      case "GGGG":
+      default:
+        return e.era(r, { width: "wide" }) || e.era(r, { width: "abbreviated" }) || e.era(r, { width: "narrow" });
+    }
+  }
+  set(r, a, e) {
+    return a.era = e, r.setFullYear(e, 0, 1), r.setHours(0, 0, 0, 0), r;
+  }
 }
 export {
-  o as default
+  n as EraParser
 };

package/index.es373.js

@@ -1,38 +1,49 @@
-import p from "./index.es207.js";
-import h from "./index.es208.js";
-import d from "./index.es437.js";
-import g from "./index.es439.js";
-import x from "./index.es438.js";
-import b from "./index.es376.js";
-import _ from "./index.es375.js";
-import k from "./index.es475.js";
-import s from "./index.es374.js";
-const y = ["breakpoints", "palette", "spacing", "shape"];
-function P(r = {}, ...i) {
-  const {
-    breakpoints: a = {},
-    palette: m = {},
-    spacing: c,
-    shape: l = {}
-  } = r, t = h(r, y), u = d(a), f = x(c);
-  let e = s({
-    breakpoints: u,
-    direction: "ltr",
-    components: {},
-    // Inject component definitions.
-    palette: p({
-      mode: "light"
-    }, m),
-    spacing: f,
-    shape: p({}, g, l)
-  }, t);
-  return e.applyStyles = k, e = i.reduce((n, o) => s(n, o), e), e.unstable_sxConfig = p({}, _, t == null ? void 0 : t.unstable_sxConfig), e.unstable_sx = function(o) {
-    return b({
-      sx: o,
-      theme: this
+var y = Object.defineProperty;
+var Y = (a, i, r) => i in a ? y(a, i, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[i] = r;
+var n = (a, i, r) => Y(a, typeof i != "symbol" ? i + "" : i, r);
+import { Parser as m } from "./index.es421.js";
+import { mapValue as u, parseNDigits as l, normalizeTwoDigitYear as p } from "./index.es422.js";
+class g extends m {
+  constructor() {
+    super(...arguments);
+    n(this, "priority", 130);
+    n(this, "incompatibleTokens", ["Y", "R", "u", "w", "I", "i", "e", "c", "t", "T"]);
+  }
+  parse(r, e, s) {
+    const t = (o) => ({
+      year: o,
+      isTwoDigitYear: e === "yy"
     });
-  }, e;
+    switch (e) {
+      case "y":
+        return u(l(4, r), t);
+      case "yo":
+        return u(
+          s.ordinalNumber(r, {
+            unit: "year"
+          }),
+          t
+        );
+      default:
+        return u(l(e.length, r), t);
+    }
+  }
+  validate(r, e) {
+    return e.isTwoDigitYear || e.year > 0;
+  }
+  set(r, e, s) {
+    const t = r.getFullYear();
+    if (s.isTwoDigitYear) {
+      const c = p(
+        s.year,
+        t
+      );
+      return r.setFullYear(c, 0, 1), r.setHours(0, 0, 0, 0), r;
+    }
+    const o = !("era" in e) || e.era === 1 ? s.year : 1 - s.year;
+    return r.setFullYear(o, 0, 1), r.setHours(0, 0, 0, 0), r;
+  }
 }
 export {
-  P as default
+  g as YearParser
 };

package/index.es374.js

@@ -1,29 +1,69 @@
-import r from "./index.es207.js";
-import * as i from "react";
-function f(t) {
-  if (typeof t != "object" || t === null)
-    return !1;
-  const n = Object.getPrototypeOf(t);
-  return (n === null || n === Object.prototype || Object.getPrototypeOf(n) === null) && !(Symbol.toStringTag in t) && !(Symbol.iterator in t);
-}
-function p(t) {
-  if (/* @__PURE__ */ i.isValidElement(t) || !f(t))
-    return t;
-  const n = {};
-  return Object.keys(t).forEach((o) => {
-    n[o] = p(t[o]);
-  }), n;
-}
-function b(t, n, o = {
-  clone: !0
-}) {
-  const e = o.clone ? r({}, t) : t;
-  return f(t) && f(n) && Object.keys(n).forEach((l) => {
-    /* @__PURE__ */ i.isValidElement(n[l]) ? e[l] = n[l] : f(n[l]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(t, l) && f(t[l]) ? e[l] = b(t[l], n[l], o) : o.clone ? e[l] = f(n[l]) ? p(n[l]) : n[l] : e[l] = n[l];
-  }), e;
+var D = Object.defineProperty;
+var f = (t, i, r) => i in t ? D(t, i, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[i] = r;
+var n = (t, i, r) => f(t, typeof i != "symbol" ? i + "" : i, r);
+import { getWeekYear as y } from "./index.es242.js";
+import { startOfWeek as m } from "./index.es240.js";
+import { Parser as T } from "./index.es421.js";
+import { mapValue as Y, parseNDigits as u, normalizeTwoDigitYear as p } from "./index.es422.js";
+class C extends T {
+  constructor() {
+    super(...arguments);
+    n(this, "priority", 130);
+    n(this, "incompatibleTokens", [
+      "y",
+      "R",
+      "u",
+      "Q",
+      "q",
+      "M",
+      "L",
+      "I",
+      "d",
+      "D",
+      "i",
+      "t",
+      "T"
+    ]);
+  }
+  parse(r, e, s) {
+    const a = (o) => ({
+      year: o,
+      isTwoDigitYear: e === "YY"
+    });
+    switch (e) {
+      case "Y":
+        return Y(u(4, r), a);
+      case "Yo":
+        return Y(
+          s.ordinalNumber(r, {
+            unit: "year"
+          }),
+          a
+        );
+      default:
+        return Y(u(e.length, r), a);
+    }
+  }
+  validate(r, e) {
+    return e.isTwoDigitYear || e.year > 0;
+  }
+  set(r, e, s, a) {
+    const o = y(r, a);
+    if (s.isTwoDigitYear) {
+      const l = p(
+        s.year,
+        o
+      );
+      return r.setFullYear(
+        l,
+        0,
+        a.firstWeekContainsDate
+      ), r.setHours(0, 0, 0, 0), m(r, a);
+    }
+    const c = !("era" in e) || e.era === 1 ? s.year : 1 - s.year;
+    return r.setFullYear(c, 0, a.firstWeekContainsDate), r.setHours(0, 0, 0, 0), m(r, a);
+  }
 }
 export {
-  b as default,
-  f as isPlainObject
+  C as LocalWeekYearParser
 };