mada-design-system 0.9.0 → 1.0.0

package/index.es38.js

@@ -1,53 +1,73 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { OTPInput as p } from "./index.es137.js";
-import * as o from "react";
-import { cn as i } from "./index.es89.js";
-const u = o.forwardRef(
-  ({ className: t, ...e }, a) => /* @__PURE__ */ r(
-    p,
-    {
-      ref: a,
-      containerClassName: i(
-        "flex items-center grow has-[:disabled]:text-disabled",
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { cva as s } from "./index.es118.js";
+import { cn as d } from "./index.es94.js";
+const n = s(
+  "fill-background [&>ellipse]:fill-foreground-secondary [&>path:last-child]:fill-foreground-secondary [&>rect]:fill-foreground-secondary group-data-[state=on]:[&>ellipse]:fill-white group-data-[state=on]:[&>path:last-child]:fill-white group-data-[state=on]:[&>rect]:fill-white",
+  {
+    variants: {
+      variant: {
+        awful: "[&>path]:stroke-border hover:fill-error-container [&>ellipse]:hover:fill-error [&>path:last-child]:hover:fill-error [&>path]:hover:stroke-error group-data-[state=on]:fill-error ",
+        bad: "[&>path]:stroke-border hover:fill-warning-container [&>ellipse]:hover:fill-warning-dark [&>path:last-child]:hover:fill-warning-dark [&>path]:hover:stroke-warning-light group-data-[state=on]:fill-warning-dark ",
+        ok: "[&>path]:stroke-border hover:fill-warning-container [&>ellipse]:hover:fill-warning-light [&>rect]:hover:fill-warning-light [&>path]:hover:stroke-warning-light group-data-[state=on]:fill-warning ",
+        good: "[&>path]:stroke-border hover:fill-success-container [&>ellipse]:hover:fill-success [&>path:last-child]:hover:fill-success [&>path]:hover:stroke-sucfill-success group-data-[state=on]:fill-success ",
+        great: "[&>path]:stroke-border hover:fill-primary-container [&>ellipse]:hover:fill-primary [&>path:last-child]:hover:fill-primary [&>path]:hover:stroke-prifill-primary group-data-[state=on]:fill-primary "
+      },
+      size: {
+        default: ""
+        // sm: 'w-space-04 h-space-04',
+      },
+      disabled: {
+        true: "fill-transparent [&>ellipse]:fill-disabled [&>path:last-child]:fill-disabled [&>path]:stroke-disabled [&>rect]:fill-disabled pointer-events-none"
+      }
+    },
+    defaultVariants: {
+      variant: "awful",
+      size: "default"
+    }
+  }
+), c = ({ variant: l, size: r, disabled: t, className: i, ...a }) => /* @__PURE__ */ o(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 56,
+    height: 56,
+    fill: "none",
+    className: d(n({ variant: l, size: r, disabled: t }), i),
+    ...a,
+    children: [
+      /* @__PURE__ */ e("path", { d: "M.5 28C.5 12.812 12.812.5 28 .5S55.5 12.812 55.5 28 43.188 55.5 28 55.5.5 43.188.5 28Z" }),
+      /* @__PURE__ */ e("ellipse", { cx: 37.1, cy: 18.9, rx: 3.5, ry: 6.3 }),
+      /* @__PURE__ */ e("ellipse", { cx: 18.9, cy: 18.9, rx: 3.5, ry: 6.3 }),
+      (!l || l === "awful") && /* @__PURE__ */ e(
+        "path",
         {
-          group: !e.disabled
-        },
-        t
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M42 43.4H14C15.237 37.0247 21.0346 32.2 28 32.2C34.9654 32.2 40.763 37.0247 42 43.4Z"
+        }
       ),
-      ...e
-    }
-  )
-);
-u.displayName = "InputOTP";
-const c = o.forwardRef(({ className: t, ...e }, a) => /* @__PURE__ */ r("div", { ref: a, className: i("flex grow items-center", t), ...e }));
-c.displayName = "InputOTPGroup";
-const f = o.forwardRef(
-  ({ char: t, hasFakeCaret: e, isActive: a, className: s, ...d }, n) => /* @__PURE__ */ l(
-    "div",
-    {
-      ref: n,
-      className: i(
-        "relative h-space-07 min-w-[48px] p-space-02 text-body-02",
-        "flex grow items-center justify-center",
-        "transition-all duration-300",
-        "border-y border-e border-input first:rounded-s first:border-s last:rounded-e group-has-[input[aria-invalid=true]]:border-error",
-        "group-hover:border-form-field-border-hovered ",
-        { "border border-form-field-border-hovered": a },
-        s
+      l === "bad" && /* @__PURE__ */ e(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M40.0704 43.4C41.4657 43.4 42.4458 42.0285 41.7947 40.7944C39.0888 35.6659 33.9249 32.2 27.9993 32.2C22.0756 32.2 16.913 35.6637 14.2065 40.7896C13.5537 42.0258 14.5357 43.4 15.9336 43.4C16.767 43.4 17.5036 42.8872 17.8998 42.154C19.9086 38.4368 23.6809 35.9334 28.0034 35.9334C32.3267 35.9334 36.0996 38.4379 38.1081 42.1563C38.5034 42.8882 39.2387 43.4 40.0704 43.4Z",
+          clipRule: "evenodd"
+        }
       ),
-      children: [
-        /* @__PURE__ */ r("div", { className: "group-has-[input[aria-invalid=true]]:text-error group-has-[input[data-input-otp-placeholder-shown]]:text-form-field-text-placeholder", children: t ?? d.placeholderChar }),
-        e && /* @__PURE__ */ r("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ r("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
-      ]
-    }
-  )
+      l === "ok" && /* @__PURE__ */ e("rect", { x: "16.0996", y: "39.2", width: "23.8", height: "4.2", rx: "2.1" }),
+      l === "good" && /* @__PURE__ */ e(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M40.0704 36.4C41.4657 36.4 42.4458 37.7715 41.7947 39.0055C39.0888 44.1341 33.9249 47.6 27.9993 47.6C22.0756 47.6 16.913 44.1363 14.2065 39.0103C13.5537 37.7742 14.5357 36.4 15.9336 36.4C16.767 36.4 17.5036 36.9128 17.8998 37.646C19.9086 41.3632 23.681 43.8666 28.0034 43.8666C32.3267 43.8666 36.0996 41.3621 38.1081 37.6437C38.5034 36.9118 39.2387 36.4 40.0704 36.4Z",
+          clipRule: "evenodd"
+        }
+      ),
+      l === "great" && /* @__PURE__ */ e("path", { fillRule: "evenodd", d: "M42 36.4H14c1.237 6.375 7.035 11.2 14 11.2s12.763-4.825 14-11.2Z", clipRule: "evenodd" })
+    ]
+  }
 );
-f.displayName = "InputOTPSlot";
-const m = o.forwardRef(({ ...t }, e) => /* @__PURE__ */ r("div", { ref: e, role: "separator", ...t, children: /* @__PURE__ */ r("div", { className: "flex size-space-05 items-center justify-center", children: /* @__PURE__ */ r("div", { className: "size-space-01 rounded-full bg-foreground" }) }) }));
-m.displayName = "InputOTPSeparator";
 export {
-  u as InputOTP,
-  c as InputOTPGroup,
-  m as InputOTPSeparator,
-  f as InputOTPSlot
+  c as Emoji,
+  c as default
 };

package/index.es380.js

@@ -1,5 +1,19 @@
-const t = (e, r) => r.getHours(e) * 3600 + r.getMinutes(e) * 60 + r.getSeconds(e), c = (e, r) => (n, o) => e ? r.isAfter(n, o) : t(n, r) > t(o, r);
+import { DayFlag as n } from "./index.es317.js";
+var d;
+(function(e) {
+  e[e.Today = 0] = "Today", e[e.Selected = 1] = "Selected", e[e.LastFocused = 2] = "LastFocused", e[e.FocusedModifier = 3] = "FocusedModifier";
+})(d || (d = {}));
+function i(e) {
+  return !e[n.disabled] && !e[n.hidden] && !e[n.outside];
+}
+function L(e, l, t, a) {
+  let c, o = -1;
+  for (const f of e) {
+    const u = l(f);
+    i(u) && (u[n.focused] && o < d.FocusedModifier ? (c = f, o = d.FocusedModifier) : a != null && a.isEqualTo(f) && o < d.LastFocused ? (c = f, o = d.LastFocused) : t(f.date) && o < d.Selected ? (c = f, o = d.Selected) : u[n.today] && o < d.Today && (c = f, o = d.Today));
+  }
+  return c || (c = e.find((f) => i(l(f)))), c;
+}
 export {
-  c as createIsAfterIgnoreDatePart,
-  t as getSecondsInDay
+  L as calculateFocusTarget
 };

package/index.es381.js

@@ -1,13 +1,12 @@
-import e from "./index.es207.js";
-const r = (o) => ({
-  components: {
-    MuiLocalizationProvider: {
-      defaultProps: {
-        localeText: e({}, o)
-      }
-    }
-  }
-});
+import { dateMatchModifiers as u } from "./index.es369.js";
+import { getFocusableDate as g } from "./index.es437.js";
+import { CalendarDay as m } from "./index.es423.js";
+function h(t, i, a, d, f, e, n, s = 0) {
+  if (s > 365)
+    return;
+  const o = g(t, i, a.date, d, f, e, n), r = !!(e.disabled && u(o, e.disabled, n)), l = !!(e.hidden && u(o, e.hidden, n)), D = o, c = new m(o, D, n);
+  return !r && !l ? c : h(t, i, c, d, f, e, n, s + 1);
+}
 export {
-  r as getPickersLocalization
+  h as getNextFocus
 };

package/index.es382.js

@@ -1,122 +1,21 @@
-import B from "./index.es208.js";
-import v from "./index.es207.js";
-import * as u from "react";
-import { pickersMonthClasses as n, getPickersMonthUtilityClass as R } from "./index.es384.js";
-import { jsx as p } from "react/jsx-runtime";
-import m from "./index.es221.js";
-import w from "./index.es230.js";
-import $ from "./index.es389.js";
-import F from "./index.es229.js";
-import { alpha as b } from "./index.es387.js";
-const I = ["autoFocus", "children", "disabled", "selected", "value", "tabIndex", "onClick", "onKeyDown", "onFocus", "onBlur", "aria-current", "aria-label", "monthsPerRow"], O = (o) => {
-  const {
-    disabled: r,
-    selected: e,
-    classes: a
-  } = o;
-  return F({
-    root: ["root"],
-    monthButton: ["monthButton", r && "disabled", e && "selected"]
-  }, R, a);
-}, _ = m("div", {
-  name: "MuiPickersMonth",
-  slot: "Root",
-  overridesResolver: (o, r) => [r.root]
-})(({
-  ownerState: o
-}) => ({
-  flexBasis: o.monthsPerRow === 3 ? "33.3%" : "25%",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center"
-})), j = m("button", {
-  name: "MuiPickersMonth",
-  slot: "MonthButton",
-  overridesResolver: (o, r) => [r.monthButton, {
-    [`&.${n.disabled}`]: r.disabled
-  }, {
-    [`&.${n.selected}`]: r.selected
-  }]
-})(({
-  theme: o
-}) => v({
-  color: "unset",
-  backgroundColor: "transparent",
-  border: 0,
-  outline: 0
-}, o.typography.subtitle1, {
-  margin: "8px 0",
-  height: 36,
-  width: 72,
-  borderRadius: 18,
-  cursor: "pointer",
-  "&:focus": {
-    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : b(o.palette.action.active, o.palette.action.hoverOpacity)
-  },
-  "&:hover": {
-    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : b(o.palette.action.active, o.palette.action.hoverOpacity)
-  },
-  "&:disabled": {
-    cursor: "auto",
-    pointerEvents: "none"
-  },
-  [`&.${n.disabled}`]: {
-    color: (o.vars || o).palette.text.secondary
-  },
-  [`&.${n.selected}`]: {
-    color: (o.vars || o).palette.primary.contrastText,
-    backgroundColor: (o.vars || o).palette.primary.main,
-    "&:focus, &:hover": {
-      backgroundColor: (o.vars || o).palette.primary.dark
-    }
-  }
-})), q = /* @__PURE__ */ u.memo(function(r) {
-  const e = w({
-    props: r,
-    name: "MuiPickersMonth"
-  }), {
-    autoFocus: a,
-    children: i,
-    disabled: c,
-    selected: f,
-    value: s,
-    tabIndex: h,
-    onClick: k,
-    onKeyDown: y,
-    onFocus: C,
-    onBlur: M,
-    "aria-current": g,
-    "aria-label": x
-    // We don't want to forward this prop to the root element
-  } = e, P = B(e, I), l = u.useRef(null), d = O(e);
-  return $(() => {
-    if (a) {
-      var t;
-      (t = l.current) == null || t.focus();
-    }
-  }, [a]), /* @__PURE__ */ p(_, v({
-    className: d.root,
-    ownerState: e
-  }, P, {
-    children: /* @__PURE__ */ p(j, {
-      ref: l,
-      disabled: c,
-      type: "button",
-      role: "radio",
-      tabIndex: c ? -1 : h,
-      "aria-current": g,
-      "aria-checked": f,
-      "aria-label": x,
-      onClick: (t) => k(t, s),
-      onKeyDown: (t) => y(t, s),
-      onFocus: (t) => C(t, s),
-      onBlur: (t) => M(t, s),
-      className: d.monthButton,
-      ownerState: e,
-      children: i
-    })
-  }));
-});
+import { useControlledValue as q } from "./index.es379.js";
+function M(u, r) {
+  const { selected: e, required: m, onSelect: l } = u, [c, a] = q(e, l ? e : void 0), n = l ? e : c, { isSameDay: f } = r, s = (t) => (n == null ? void 0 : n.some((o) => f(o, t))) ?? !1, { min: S, max: h } = u;
+  return {
+    selected: n,
+    select: (t, o, y) => {
+      let i = [...n ?? []];
+      if (s(t)) {
+        if ((n == null ? void 0 : n.length) === S || m && (n == null ? void 0 : n.length) === 1)
+          return;
+        i = n == null ? void 0 : n.filter((x) => !f(x, t));
+      } else
+        (n == null ? void 0 : n.length) === h ? i = [t] : i = [...i, t];
+      return l || a(i), l == null || l(i, t, o, y), i;
+    },
+    isSelected: s
+  };
+}
 export {
-  q as PickersMonth
+  M as useMulti
 };

package/index.es383.js

@@ -1,9 +1,18 @@
-import e from "./index.es231.js";
-import r from "./index.es232.js";
-function n(t) {
-  return e("MuiMonthCalendar", t);
+import { useControlledValue as x } from "./index.es379.js";
+import { rangeIncludesDate as y } from "./index.es324.js";
+import { addToRange as C } from "./index.es426.js";
+import { rangeContainsModifiers as q } from "./index.es428.js";
+function h(l, d) {
+  const { disabled: i, excludeDisabled: c, selected: s, required: f, onSelect: o } = l, [r, m] = x(s, o ? s : void 0), t = o ? s : r;
+  return {
+    selected: t,
+    select: (n, u, a) => {
+      const { min: S, max: p } = l, e = n ? C(n, t, S, p, f, d) : void 0;
+      return c && i && (e != null && e.from) && e.to && q({ from: e.from, to: e.to }, i, d) && (e.from = n, e.to = void 0), o || m(e), o == null || o(e, n, u, a), e;
+    },
+    isSelected: (n) => t && y(t, n, !1, d)
+  };
 }
-r("MuiMonthCalendar", ["root"]);
 export {
-  n as getMonthCalendarUtilityClass
+  h as useRange
 };

package/index.es384.js

@@ -1,10 +1,15 @@
-import e from "./index.es232.js";
-import s from "./index.es231.js";
-function r(t) {
-  return s("MuiPickersMonth", t);
+import { useControlledValue as S } from "./index.es379.js";
+function q(o, f) {
+  const { selected: s, required: c, onSelect: e } = o, [r, a] = S(s, e ? s : void 0), n = e ? s : r, { isSameDay: d } = f;
+  return {
+    selected: n,
+    select: (t, i, u) => {
+      let l = t;
+      return !c && n && n && d(t, n) && (l = void 0), e || a(l), e == null || e(l, t, i, u), l;
+    },
+    isSelected: (t) => n ? d(n, t) : !1
+  };
 }
-const n = e("MuiPickersMonth", ["root", "monthButton", "disabled", "selected"]);
 export {
-  r as getPickersMonthUtilityClass,
-  n as pickersMonthClasses
+  q as useSingle
 };

package/index.es385.js

@@ -1,10 +1,4 @@
-import i from "./index.es232.js";
-import t from "./index.es231.js";
-function r(e) {
-  return t("MuiPickersDay", e);
-}
-const l = i("MuiPickersDay", ["root", "dayWithMargin", "dayOutsideMonth", "hiddenDaySpacingFiller", "today", "selected", "disabled"]);
+var o = {};
 export {
-  r as getPickersDayUtilityClass,
-  l as pickersDayClasses
+  o as __exports
 };