mada-design-system 0.9.0 → 1.0.0

package/index.es206.js

@@ -1,41 +1,74 @@
-function v(n, l, e) {
-  let t = e.initialDeps ?? [], d;
-  function a() {
-    var o, r, c, m;
-    let h;
-    e.key && ((o = e.debug) != null && o.call(e)) && (h = Date.now());
-    const u = n();
-    if (!(u.length !== t.length || u.some((f, g) => t[g] !== f)))
-      return d;
-    t = u;
-    let s;
-    if (e.key && ((r = e.debug) != null && r.call(e)) && (s = Date.now()), d = l(...u), e.key && ((c = e.debug) != null && c.call(e))) {
-      const f = Math.round((Date.now() - h) * 100) / 100, w = Math.round((Date.now() - s) * 100) / 100 / 16, b = (i, p) => {
-        for (i = String(i); i.length < p; )
-          i = " " + i;
-        return i;
-      };
-    }
-    return (m = e == null ? void 0 : e.onChange) == null || m.call(e, d), d;
-  }
-  return a.updateDeps = (o) => {
-    t = o;
-  }, a;
-}
-function D(n, l) {
-  if (n === void 0)
-    throw new Error(`Unexpected undefined${l ? `: ${l}` : ""}`);
-  return n;
-}
-const E = (n, l) => Math.abs(n - l) < 1, y = (n, l, e) => {
-  let t;
-  return function(...d) {
-    n.clearTimeout(t), t = n.setTimeout(() => l.apply(this, d), 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 {
-  E as approxEqual,
-  y as debounce,
-  v as memo,
-  D as notUndefined
+  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.es207.js

@@ -1,13 +1,27 @@
-function e() {
-  return e = Object.assign ? Object.assign.bind() : function(t) {
-    for (var n = 1; n < arguments.length; n++) {
-      var a = arguments[n];
-      for (var r in a)
-        ({}).hasOwnProperty.call(a, r) && (t[r] = a[r]);
+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;
     }
-    return t;
-  }, e.apply(null, arguments);
+    for (var i in n)
+      t(r[o], i, n[i]);
+  }
 }
 export {
-  e as default
+  v as mergeConfigs
 };

package/index.es208.js

@@ -1,15 +1,33 @@
-function r(t, i) {
-  if (t == null)
-    return {};
-  var o = {};
-  for (var e in t)
-    if ({}.hasOwnProperty.call(t, e)) {
-      if (i.indexOf(e) !== -1)
-        continue;
-      o[e] = t[e];
-    }
-  return o;
-}
+import { forwardRef as f, createElement as e } from "react";
+import l from "./index.es209.js";
+const b = (a, s) => {
+  const r = f(
+    ({
+      color: p = "currentColor",
+      size: o = 24,
+      strokeWidth: d = 2,
+      absoluteStrokeWidth: h,
+      className: m = "",
+      children: t,
+      ...n
+    }, i) => e(
+      "svg",
+      {
+        ref: i,
+        ...l,
+        width: o,
+        height: o,
+        className: [m].join(" "),
+        ...n
+      },
+      [
+        ...s.map(([u, c]) => e(u, c)),
+        ...Array.isArray(t) ? t : [t]
+      ]
+    )
+  );
+  return r.displayName = `${a}`, r;
+};
 export {
-  r as default
+  b as default
 };

package/index.es209.js

@@ -1,15 +1,14 @@
-import { getDefaultExportFromCjs as e } from "./index.es196.js";
-import { __module as r } from "./index.es292.js";
-import { __require as o } from "./index.es293.js";
-import { __require as t } from "./index.es294.js";
-import { __require as p } from "./index.es295.js";
-if (process.env.NODE_ENV !== "production") {
-  var s = o(), i = !0;
-  r.exports = t()(s.isElement, i);
-} else
-  r.exports = p()();
-var m = r.exports;
-const q = /* @__PURE__ */ e(m);
+var t = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+  // stroke: 'currentColor',
+  // strokeWidth: 2,
+  // strokeLinecap: 'round',
+  // strokeLinejoin: 'round',
+};
 export {
-  q as default
+  t as default
 };

package/index.es21.js

@@ -1,132 +1,56 @@
-import { jsx as g } from "react/jsx-runtime";
-import { cva as i } from "./index.es111.js";
-import { cn as c } from "./index.es89.js";
-const l = i(
-  "inline-flex items-center gap-space-01  font-medium  transition-colors text-center focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default: "border-none",
-        ghost: "border border-solid",
-        outline: "border border-current"
-      },
-      size: {
-        default: "py-space-01 px-space-03 h-[32px] text-body-01 [&>svg]:size-[18px]",
-        sm: "py-space-01 px-space-02   h-[24px]  text-caption-01 [&>svg]:size-[14px]",
-        xs: "py-space-01 px-space-02  h-[20px] text-caption-02 [&>svg]:size-[10px]"
-      },
-      rounded: {
-        default: "rounded",
-        full: "rounded-full"
-      },
-      colors: {
-        primary: "bg-tag-background-primary text-text-oncolor-primary",
-        secondary: "bg-tag-background-secondary text-text-oncolor-primary",
-        tertiary: "bg-tag-background-tertiary text-text-oncolor-primary",
-        error: "bg-tag-background-error text-text-oncolor-primary",
-        warning: "bg-tag-background-warning text-text-oncolor-primary",
-        info: "bg-tag-background-info text-text-oncolor-primary",
-        gray: "bg-tag-background-neutral text-text-oncolor-primary",
-        success: "bg-tag-background-success text-text-oncolor-primary"
-      },
-      disabled: {
-        true: "bg-disabled text-white"
-      }
-    },
-    compoundVariants: [
-      {
-        colors: "secondary",
-        variant: "outline",
-        className: "text-tag-text-secondary border-tag-border-secondary bg-transparent"
-      },
-      {
-        variant: "outline",
-        colors: "tertiary",
-        className: "text-tag-text-tertiary border-tag-border-tertiary bg-transparent "
-      },
-      {
-        variant: "outline",
-        colors: "primary",
-        className: "text-tag-text-primary border-tag-border-primary bg-transparent"
-      },
-      {
-        variant: "outline",
-        colors: "info",
-        className: "text-tag-text-info border-tag-border-info bg-transparent"
-      },
-      {
-        variant: "outline",
-        colors: "error",
-        className: "text-tag-text-error border-tag-border-error bg-transparent"
-      },
-      {
-        variant: "outline",
-        colors: "warning",
-        className: "text-tag-text-warning border-tag-border-warning bg-transparent "
-      },
-      {
-        variant: "outline",
-        colors: "gray",
-        className: "bg-transparent text-tag-text-neutral border-tag-border-neutral "
-      },
-      {
-        variant: "outline",
-        colors: "success",
-        className: "bg-transparent text-tag-text-success border-tag-border-success "
-      },
-      {
-        variant: "ghost",
-        colors: "secondary",
-        className: "text-tag-text-secondary bg-tag-background-secondary-light border-tag-border-secondary-light"
-      },
-      {
-        variant: "ghost",
-        colors: "tertiary",
-        className: "text-tag-text-tertiary bg-tag-background-tertiary-light border-tag-border-tertiary-light"
-      },
-      {
-        variant: "ghost",
-        colors: "primary",
-        className: "text-tag-text-primary bg-tag-background-primary-light border-tag-border-primary-light"
-      },
-      {
-        variant: "ghost",
-        colors: "info",
-        className: "text-tag-text-info bg-tag-background-info-light border-tag-border-info-light"
-      },
-      {
-        variant: "ghost",
-        colors: "error",
-        className: "text-tag-text-error bg-tag-background-error-light border-tag-border-error-light"
-      },
-      {
-        variant: "ghost",
-        colors: "warning",
-        className: "text-tag-text-warning bg-tag-background-warning-light border-tag-border-warning-light"
-      },
-      {
-        variant: "ghost",
-        colors: "gray",
-        className: "text-tag-text-neutral bg-tag-background-neutral-light border-border-neutral-secondary"
-      },
-      {
-        variant: "ghost",
-        colors: "success",
-        className: "text-tag-text-success bg-tag-background-success-light border-tag-border-success-light"
-      }
-    ],
-    defaultVariants: {
-      variant: "default",
-      colors: "primary",
-      rounded: "default",
-      size: "xs"
+import { jsxs as p, jsx as d } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-accordion";
+import * as s from "react";
+import { cn as i } from "./index.es94.js";
+const c = s.createContext({
+  size: "default",
+  isLeading: !1
+}), f = s.forwardRef(({ children: a, size: e, isLeading: t, ...n }, o) => {
+  const l = s.useMemo(() => ({ size: e, isLeading: t }), [e, t]);
+  return /* @__PURE__ */ p(r.Root, { ref: o, ...n, children: [
+    /* @__PURE__ */ d(c.Provider, { value: l, children: a }),
+    " "
+  ] });
+});
+f.displayName = "Accordion";
+const m = s.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ d(r.Item, { ref: t, className: i("flex flex-col border-b border-b-border-neutral-primary", a), ...e }));
+m.displayName = "AccordionItem";
+const b = s.forwardRef(({ className: a, children: e, ...t }, n) => {
+  const o = s.useContext(c);
+  return /* @__PURE__ */ d(r.Header, { className: "flex", children: /* @__PURE__ */ d(
+    r.Trigger,
+    {
+      ref: n,
+      className: i(
+        "group flex flex-1 items-center gap-space-04 border-2 border-transparent px-space-04  text-body-02 text-text-default transition-all hover:bg-button-background-neutral-hovered focus:border-border-black focus:bg-transparent focus:outline-none active:bg-button-background-neutral-pressed disabled:text-disabled-text-default-disabled [&>svg]:size-space-04",
+        {
+          "py-space-04 font-bold": o.size === "default",
+          "py-space-03 font-semibold": o.size === "sm",
+          "py-space-02 font-semibold": o.size === "xs",
+          "justify-between ": !o.isLeading,
+          "flex-row-reverse justify-end": o.isLeading
+        },
+        a
+      ),
+      ...t,
+      children: e
     }
+  ) });
+});
+b.displayName = r.Trigger.displayName;
+const u = s.forwardRef(({ className: a, children: e, ...t }, n) => /* @__PURE__ */ d(
+  r.Content,
+  {
+    ref: n,
+    className: "overflow-hidden text-body-02 text-text-paragraph-primary transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down data-[disabled]:text-disabled-text-default-disabled",
+    ...t,
+    children: /* @__PURE__ */ d("div", { className: i("pb-space-05 pe-space-08 ps-space-04 pt-space-02", a), children: e })
   }
-);
-function u({ className: r, variant: t, size: a, rounded: e, colors: o, disabled: n, ...s }) {
-  return /* @__PURE__ */ g("div", { className: c(l({ variant: t, rounded: e, disabled: n, colors: o, size: a }), r, ""), ...s });
-}
+));
+u.displayName = r.Content.displayName;
 export {
-  u as Badge,
-  l as badgeVariants
+  f as Accordion,
+  u as AccordionContent,
+  m as AccordionItem,
+  b as AccordionTrigger
 };

package/index.es210.js

@@ -1,108 +1,85 @@
-import l from "./index.es207.js";
-import * as i from "react";
-import { useIsDateDisabled as F } from "./index.es296.js";
-import { useNow as I, useUtils as k } from "./index.es211.js";
-import { singleItemValueManager as x } from "./index.es219.js";
-import { SECTION_TYPE_GRANULARITY as T } from "./index.es297.js";
-import N from "./index.es226.js";
-const P = (a, s, r) => (n, e) => {
-  switch (e.type) {
-    case "changeMonth":
-      return l({}, n, {
-        slideDirection: e.direction,
-        currentMonth: e.newMonth,
-        isMonthSwitchingAnimating: !a
-      });
-    case "finishMonthSwitchingAnimation":
-      return l({}, n, {
-        isMonthSwitchingAnimating: !1
-      });
-    case "changeFocusedDay": {
-      if (n.focusedDay != null && e.focusedDay != null && r.isSameDay(e.focusedDay, n.focusedDay))
-        return n;
-      const h = e.focusedDay != null && !s && !r.isSameMonth(n.currentMonth, e.focusedDay);
-      return l({}, n, {
-        focusedDay: e.focusedDay,
-        isMonthSwitchingAnimating: h && !a && !e.withoutMonthSwitchingAnimation,
-        currentMonth: h ? r.startOfMonth(e.focusedDay) : n.currentMonth,
-        slideDirection: e.focusedDay != null && r.isAfterDay(e.focusedDay, n.currentMonth) ? "left" : "right"
-      });
+import { commonjsGlobal as g } from "./index.es211.js";
+var h, L;
+function Y() {
+  if (L) return h;
+  L = 1;
+  var _ = "Expected a function", x = NaN, C = "[object Symbol]", M = /^\s+|\s+$/g, N = /^[-+]0x[0-9a-f]+$/i, R = /^0b[01]+$/i, W = /^0o[0-7]+$/i, $ = parseInt, q = typeof g == "object" && g && g.Object === Object && g, A = typeof self == "object" && self && self.Object === Object && self, B = q || A || Function("return this")(), F = Object.prototype, G = F.toString, P = Math.max, D = Math.min, y = function() {
+    return B.Date.now();
+  };
+  function H(e, r, i) {
+    var a, u, b, c, t, f, s = 0, O = !1, d = !1, j = !0;
+    if (typeof e != "function")
+      throw new TypeError(_);
+    r = I(r) || 0, p(i) && (O = !!i.leading, d = "maxWait" in i, b = d ? P(I(i.maxWait) || 0, r) : b, j = "trailing" in i ? !!i.trailing : j);
+    function v(n) {
+      var o = a, m = u;
+      return a = u = void 0, s = n, c = e.apply(m, o), c;
+    }
+    function z(n) {
+      return s = n, t = setTimeout(l, r), O ? v(n) : c;
+    }
+    function J(n) {
+      var o = n - f, m = n - s, E = r - o;
+      return d ? D(E, b - m) : E;
+    }
+    function S(n) {
+      var o = n - f, m = n - s;
+      return f === void 0 || o >= r || o < 0 || d && m >= b;
+    }
+    function l() {
+      var n = y();
+      if (S(n))
+        return k(n);
+      t = setTimeout(l, J(n));
+    }
+    function k(n) {
+      return t = void 0, j && a ? v(n) : (a = u = void 0, c);
+    }
+    function K() {
+      t !== void 0 && clearTimeout(t), s = 0, a = f = u = t = void 0;
+    }
+    function Q() {
+      return t === void 0 ? c : k(y());
     }
-    default:
-      throw new Error("missing support");
+    function T() {
+      var n = y(), o = S(n);
+      if (a = arguments, u = this, f = n, o) {
+        if (t === void 0)
+          return z(f);
+        if (d)
+          return t = setTimeout(l, r), v(f);
+      }
+      return t === void 0 && (t = setTimeout(l, r)), c;
+    }
+    return T.cancel = K, T.flush = Q, T;
   }
-}, z = (a) => {
-  const {
-    value: s,
-    referenceDate: r,
-    defaultCalendarMonth: n,
-    disableFuture: e,
-    disablePast: h,
-    disableSwitchToMonthOnDayFocus: y = !1,
-    maxDate: w,
-    minDate: S,
-    onMonthChange: f,
-    reduceAnimations: p,
-    shouldDisableDate: A,
-    timezone: d
-  } = a, b = I(d), o = k(), C = i.useRef(P(!!p, y, o)).current, m = i.useMemo(
-    () => {
-      let t = null;
-      return r ? t = r : n && (t = o.startOfMonth(n)), x.getInitialReferenceValue({
-        value: s,
-        utils: o,
-        timezone: d,
-        props: a,
-        referenceDate: t,
-        granularity: T.day
-      });
-    },
-    []
-    // eslint-disable-line react-hooks/exhaustive-deps
-  ), [u, D] = i.useReducer(C, {
-    isMonthSwitchingAnimating: !1,
-    focusedDay: o.isValid(s) ? s : b,
-    currentMonth: o.startOfMonth(m),
-    slideDirection: "left"
-  }), M = i.useCallback((t) => {
-    D(l({
-      type: "changeMonth"
-    }, t)), f && f(t.newMonth);
-  }, [f]), R = i.useCallback((t) => {
-    const c = t;
-    o.isSameMonth(c, u.currentMonth) || M({
-      newMonth: o.startOfMonth(c),
-      direction: o.isAfterDay(c, u.currentMonth) ? "left" : "right"
-    });
-  }, [u.currentMonth, M, o]), g = F({
-    shouldDisableDate: A,
-    minDate: S,
-    maxDate: w,
-    disableFuture: e,
-    disablePast: h,
-    timezone: d
-  }), O = i.useCallback(() => {
-    D({
-      type: "finishMonthSwitchingAnimation"
-    });
-  }, []), E = N((t, c) => {
-    g(t) || D({
-      type: "changeFocusedDay",
-      focusedDay: t,
-      withoutMonthSwitchingAnimation: c
-    });
-  });
-  return {
-    referenceDate: m,
-    calendarState: u,
-    changeMonth: R,
-    changeFocusedDay: E,
-    isDateDisabled: g,
-    onMonthSwitchingAnimationEnd: O,
-    handleChangeMonth: M
-  };
-};
+  function p(e) {
+    var r = typeof e;
+    return !!e && (r == "object" || r == "function");
+  }
+  function U(e) {
+    return !!e && typeof e == "object";
+  }
+  function X(e) {
+    return typeof e == "symbol" || U(e) && G.call(e) == C;
+  }
+  function I(e) {
+    if (typeof e == "number")
+      return e;
+    if (X(e))
+      return x;
+    if (p(e)) {
+      var r = typeof e.valueOf == "function" ? e.valueOf() : e;
+      e = p(r) ? r + "" : r;
+    }
+    if (typeof e != "string")
+      return e === 0 ? e : +e;
+    e = e.replace(M, "");
+    var i = R.test(e);
+    return i || W.test(e) ? $(e.slice(2), i ? 2 : 8) : N.test(e) ? x : +e;
+  }
+  return h = H, h;
+}
 export {
-  P as createCalendarStateReducer,
-  z as useCalendarState
+  Y as __require
 };

package/index.es211.js

@@ -1,27 +1,8 @@
-import r from "./index.es207.js";
-import * as e from "react";
-import { MuiPickersAdapterContext as a } from "./index.es127.js";
-import { DEFAULT_LOCALE as s } from "./index.es298.js";
-const i = () => {
-  const t = e.useContext(a);
-  if (t === null)
-    throw new Error(["MUI: Can not find the date and time pickers localization context.", "It looks like you forgot to wrap your component in LocalizationProvider.", "This can also happen if you are bundling multiple versions of the `@mui/x-date-pickers` package"].join(`
-`));
-  if (t.utils === null)
-    throw new Error(["MUI: Can not find the date and time pickers adapter from its localization context.", "It looks like you forgot to pass a `dateAdapter` to your LocalizationProvider."].join(`
-`));
-  const o = e.useMemo(() => r({}, s, t.localeText), [t.localeText]);
-  return e.useMemo(() => r({}, t, {
-    localeText: o
-  }), [t, o]);
-}, l = () => i().utils, f = () => i().defaultDates, p = () => i().localeText, m = (t) => {
-  const o = l(), n = e.useRef();
-  return n.current === void 0 && (n.current = o.dateWithTimezone(void 0, t)), n.current;
-};
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
 export {
-  f as useDefaultDates,
-  p as useLocaleText,
-  i as useLocalizationContext,
-  m as useNow,
-  l as useUtils
+  o as commonjsGlobal,
+  l as getDefaultExportFromCjs
 };