mada-design-system 0.9.0 → 1.0.0

package/index.es129.js

@@ -1,225 +1,13 @@
-import m from "./index.es207.js";
-import i from "./index.es125.js";
-const f = {
-  // Year
-  Y: "year",
-  YY: "year",
-  YYYY: {
-    sectionType: "year",
-    contentType: "digit",
-    maxLength: 4
-  },
-  // Month
-  M: {
-    sectionType: "month",
-    contentType: "digit",
-    maxLength: 2
-  },
-  MM: "month",
-  MMM: {
-    sectionType: "month",
-    contentType: "letter"
-  },
-  MMMM: {
-    sectionType: "month",
-    contentType: "letter"
-  },
-  // Day of the month
-  D: {
-    sectionType: "day",
-    contentType: "digit",
-    maxLength: 2
-  },
-  DD: "day",
-  Do: {
-    sectionType: "day",
-    contentType: "digit-with-letter"
-  },
-  // Day of the week
-  E: {
-    sectionType: "weekDay",
-    contentType: "digit",
-    maxLength: 1
-  },
-  e: {
-    sectionType: "weekDay",
-    contentType: "digit",
-    maxLength: 1
-  },
-  d: {
-    sectionType: "weekDay",
-    contentType: "digit",
-    maxLength: 1
-  },
-  dd: {
-    sectionType: "weekDay",
-    contentType: "letter"
-  },
-  ddd: {
-    sectionType: "weekDay",
-    contentType: "letter"
-  },
-  dddd: {
-    sectionType: "weekDay",
-    contentType: "letter"
-  },
-  // Meridiem
-  A: "meridiem",
-  a: "meridiem",
-  // Hours
-  H: {
-    sectionType: "hours",
-    contentType: "digit",
-    maxLength: 2
-  },
-  HH: "hours",
-  h: {
-    sectionType: "hours",
-    contentType: "digit",
-    maxLength: 2
-  },
-  hh: "hours",
-  // Minutes
-  m: {
-    sectionType: "minutes",
-    contentType: "digit",
-    maxLength: 2
-  },
-  mm: "minutes",
-  // Seconds
-  s: {
-    sectionType: "seconds",
-    contentType: "digit",
-    maxLength: 2
-  },
-  ss: "seconds"
-}, y = {
-  year: "YYYY",
-  month: "MMMM",
-  monthShort: "MMM",
-  dayOfMonth: "D",
-  weekday: "dddd",
-  weekdayShort: "ddd",
-  hours24h: "HH",
-  hours12h: "hh",
-  meridiem: "A",
-  minutes: "mm",
-  seconds: "ss",
-  fullDate: "ll",
-  fullDateWithWeekday: "dddd, LL",
-  keyboardDate: "L",
-  shortDate: "MMM D",
-  normalDate: "D MMMM",
-  normalDateWithWeekday: "ddd, MMM D",
-  monthAndYear: "MMMM YYYY",
-  monthAndDate: "MMMM D",
-  fullTime: "LT",
-  fullTime12h: "hh:mm A",
-  fullTime24h: "HH:mm",
-  fullDateTime: "lll",
-  fullDateTime12h: "ll hh:mm A",
-  fullDateTime24h: "ll HH:mm",
-  keyboardDateTime: "L LT",
-  keyboardDateTime12h: "L hh:mm A",
-  keyboardDateTime24h: "L HH:mm"
-}, l = ["Missing timezone plugin", "To be able to use timezones, you have to pass the default export from `moment-timezone` to the `dateLibInstance` prop of `LocalizationProvider`", "Find more information on https://mui.com/x/react-date-pickers/timezone/#moment-and-timezone"].join(`
-`);
-class p {
-  constructor({
-    locale: c,
-    formats: d,
-    instance: u
-  } = {}) {
-    this.isMUIAdapter = !0, this.isTimezoneCompatible = !0, this.lib = "moment", this.moment = void 0, this.locale = void 0, this.formats = void 0, this.escapedCharacters = {
-      start: "[",
-      end: "]"
-    }, this.formatTokenMap = f, this.setLocaleToValue = (e) => {
-      const t = this.getCurrentLocaleCode();
-      return t === e.locale() ? e : e.locale(t);
-    }, this.syncMomentLocale = (e) => {
-      var t;
-      const n = i.locale(), r = (t = this.locale) != null ? t : "en-us";
-      if (n !== r) {
-        i.locale(r);
-        const o = e();
-        return i.locale(n), o;
-      }
-      return e();
-    }, this.hasTimezonePlugin = () => typeof this.moment.tz < "u", this.createSystemDate = (e) => {
-      const t = this.moment(e).local();
-      return this.locale === void 0 ? t : t.locale(this.locale);
-    }, this.createUTCDate = (e) => {
-      const t = this.moment.utc(e);
-      return this.locale === void 0 ? t : t.locale(this.locale);
-    }, this.createTZDate = (e, t) => {
-      if (!this.hasTimezonePlugin())
-        throw new Error(l);
-      const n = t === "default" ? this.moment(e) : this.moment.tz(e, t);
-      return this.locale === void 0 ? n : n.locale(this.locale);
-    }, this.date = (e) => {
-      if (e === null)
-        return null;
-      const t = this.moment(e);
-      return t.locale(this.getCurrentLocaleCode()), t;
-    }, this.dateWithTimezone = (e, t) => e === null ? null : t === "UTC" ? this.createUTCDate(e) : t === "system" || t === "default" && !this.hasTimezonePlugin() ? this.createSystemDate(e) : this.createTZDate(e, t), this.getTimezone = (e) => {
-      var t, n, r;
-      const o = (t = e._z) == null ? void 0 : t.name, s = e.isUTC() ? "UTC" : "system";
-      return (n = o ?? ((r = this.moment.defaultZone) == null ? void 0 : r.name)) != null ? n : s;
-    }, this.setTimezone = (e, t) => {
-      var n, r;
-      if (this.getTimezone(e) === t)
-        return e;
-      if (t === "UTC")
-        return e.clone().utc();
-      if (t === "system")
-        return e.clone().local();
-      if (!this.hasTimezonePlugin()) {
-        if (t !== "default")
-          throw new Error(l);
-        return e;
-      }
-      const o = t === "default" ? (
-        // @ts-ignore
-        (n = (r = this.moment.defaultZone) == null ? void 0 : r.name) != null ? n : "system"
-      ) : t;
-      if (o === "system")
-        return e.clone().local();
-      const s = e.clone();
-      return s.tz(o), s;
-    }, this.toJsDate = (e) => e.toDate(), this.parseISO = (e) => this.moment(e, !0), this.toISO = (e) => e.toISOString(), this.parse = (e, t) => e === "" ? null : this.locale ? this.moment(e, t, this.locale, !0) : this.moment(e, t, !0), this.getCurrentLocaleCode = () => this.locale || i.locale(), this.is12HourCycleInCurrentLocale = () => /A|a/.test(i.localeData(this.getCurrentLocaleCode()).longDateFormat("LT")), this.expandFormat = (e) => {
-      const t = /(\[[^[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})|./g;
-      return e.match(t).map((n) => {
-        const r = n[0];
-        return r === "L" || r === ";" ? i.localeData(this.getCurrentLocaleCode()).longDateFormat(n) : n;
-      }).join("");
-    }, this.getFormatHelperText = (e) => this.expandFormat(e).replace(/a/gi, "(a|p)m").toLocaleLowerCase(), this.isNull = (e) => e === null, this.isValid = (e) => this.moment(e).isValid(), this.format = (e, t) => this.formatByString(e, this.formats[t]), this.formatByString = (e, t) => {
-      const n = e.clone();
-      return n.locale(this.getCurrentLocaleCode()), n.format(t);
-    }, this.formatNumber = (e) => e, this.getDiff = (e, t, n) => e.diff(t, n), this.isEqual = (e, t) => e === null && t === null ? !0 : this.moment(e).isSame(t), this.isSameYear = (e, t) => e.isSame(t, "year"), this.isSameMonth = (e, t) => e.isSame(t, "month"), this.isSameDay = (e, t) => e.isSame(t, "day"), this.isSameHour = (e, t) => e.isSame(t, "hour"), this.isAfter = (e, t) => e.isAfter(t), this.isAfterYear = (e, t) => e.isAfter(t, "year"), this.isAfterDay = (e, t) => e.isAfter(t, "day"), this.isBefore = (e, t) => e.isBefore(t), this.isBeforeYear = (e, t) => e.isBefore(t, "year"), this.isBeforeDay = (e, t) => e.isBefore(t, "day"), this.isWithinRange = (e, [t, n]) => e.isBetween(t, n, null, "[]"), this.startOfYear = (e) => e.clone().startOf("year"), this.startOfMonth = (e) => e.clone().startOf("month"), this.startOfWeek = (e) => e.clone().startOf("week"), this.startOfDay = (e) => e.clone().startOf("day"), this.endOfYear = (e) => e.clone().endOf("year"), this.endOfMonth = (e) => e.clone().endOf("month"), this.endOfWeek = (e) => e.clone().endOf("week"), this.endOfDay = (e) => e.clone().endOf("day"), this.addYears = (e, t) => t < 0 ? e.clone().subtract(Math.abs(t), "years") : e.clone().add(t, "years"), this.addMonths = (e, t) => t < 0 ? e.clone().subtract(Math.abs(t), "months") : e.clone().add(t, "months"), this.addWeeks = (e, t) => t < 0 ? e.clone().subtract(Math.abs(t), "weeks") : e.clone().add(t, "weeks"), this.addDays = (e, t) => t < 0 ? e.clone().subtract(Math.abs(t), "days") : e.clone().add(t, "days"), this.addHours = (e, t) => t < 0 ? e.clone().subtract(Math.abs(t), "hours") : e.clone().add(t, "hours"), this.addMinutes = (e, t) => t < 0 ? e.clone().subtract(Math.abs(t), "minutes") : e.clone().add(t, "minutes"), this.addSeconds = (e, t) => t < 0 ? e.clone().subtract(Math.abs(t), "seconds") : e.clone().add(t, "seconds"), this.getYear = (e) => e.get("year"), this.getMonth = (e) => e.get("month"), this.getDate = (e) => e.get("date"), this.getHours = (e) => e.get("hours"), this.getMinutes = (e) => e.get("minutes"), this.getSeconds = (e) => e.get("seconds"), this.getMilliseconds = (e) => e.get("milliseconds"), this.setYear = (e, t) => e.clone().year(t), this.setMonth = (e, t) => e.clone().month(t), this.setDate = (e, t) => e.clone().date(t), this.setHours = (e, t) => e.clone().hours(t), this.setMinutes = (e, t) => e.clone().minutes(t), this.setSeconds = (e, t) => e.clone().seconds(t), this.setMilliseconds = (e, t) => e.clone().milliseconds(t), this.getDaysInMonth = (e) => e.daysInMonth(), this.getNextMonth = (e) => e.clone().add(1, "month"), this.getPreviousMonth = (e) => e.clone().subtract(1, "month"), this.getMonthArray = (e) => {
-      const n = [this.startOfYear(e)];
-      for (; n.length < 12; ) {
-        const r = n[n.length - 1];
-        n.push(this.getNextMonth(r));
-      }
-      return n;
-    }, this.mergeDateAndTime = (e, t) => e.clone().hour(t.hour()).minute(t.minute()).second(t.second()), this.getWeekdays = () => this.syncMomentLocale(() => i.weekdaysShort(!0)), this.getWeekArray = (e) => {
-      const t = this.setLocaleToValue(e), n = t.clone().startOf("month").startOf("week"), r = t.clone().endOf("month").endOf("week");
-      let o = 0, s = n;
-      const a = [];
-      for (; s.isBefore(r); ) {
-        const h = Math.floor(o / 7);
-        a[h] = a[h] || [], a[h].push(s), s = s.clone().add(1, "day"), o += 1;
-      }
-      return a;
-    }, this.getWeekNumber = (e) => e.week(), this.getYearRange = (e, t) => {
-      const n = this.moment(e).startOf("year"), r = this.moment(t).endOf("year"), o = [];
-      let s = n;
-      for (; s.isBefore(r); )
-        o.push(s), s = s.clone().add(1, "year");
-      return o;
-    }, this.getMeridiemText = (e) => this.is12HourCycleInCurrentLocale() ? i.localeData(this.getCurrentLocaleCode()).meridiem(e === "am" ? 0 : 13, 0, !1) : e === "am" ? "AM" : "PM", this.moment = u || i, this.locale = c, this.formats = m({}, y, d);
-  }
-}
+import C from "./index.es208.js";
+const r = C("MoreHoriz", [
+  [
+    "path",
+    {
+      d: "M6 10C4.9 10 4 10.9 4 12C4 13.1 4.9 14 6 14C7.1 14 8 13.1 8 12C8 10.9 7.1 10 6 10ZM18 10C16.9 10 16 10.9 16 12C16 13.1 16.9 14 18 14C19.1 14 20 13.1 20 12C20 10.9 19.1 10 18 10ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z",
+      key: "axpa9z"
+    }
+  ]
+]);
 export {
-  p as AdapterMoment
+  r as default
 };

package/index.es13.js

@@ -1,159 +1,59 @@
-import { jsx as t, jsxs as u, Fragment as C } from "react/jsx-runtime";
-import N from "react";
-import { cn as x } from "./index.es89.js";
-import { strings as h } from "./index.es101.js";
-import k from "./index.es93.js";
-import { ShouldRender as l } from "./index.es15.js";
-import { Pagination as y, PaginationContent as R, PaginationItem as s, PaginationPrevious as g, PaginationLink as f, PaginationNext as w } from "./index.es6.js";
-import { Select as A, SelectTrigger as L, SelectValue as $, SelectContent as I, SelectGroup as j, SelectItem as V } from "./index.es66.js";
-import B from "./index.es120.js";
-import D from "./index.es121.js";
-const J = ({ totalItems: d, onPageChange: e, selectedPage: r, className: a, withoutText: o, itemsPerPage: p = 6 }) => {
-  const i = Math.ceil(d / p), c = Array.from(Array(i).keys()), S = (n) => r === i - 3 && n === i - 2 || r === i - 2 && n === i - 5 || r === i - 1 && (n === i - 4 || n === i - 5) || r === i && (r === n + 3 || r === n + 4 || r === n + 5), v = () => {
-    const n = document.getElementById("gridList");
-    setTimeout(() => {
-      n ? n.scrollIntoView({ behavior: window.navigator.userAgent.indexOf("iPhone") !== -1 ? "auto" : "smooth" }) : window.scrollTo({ top: 0, behavior: window.navigator.userAgent.indexOf("iPhone") !== -1 ? "auto" : "smooth" });
-    }, 500);
-  }, m = (n) => {
-    v(), e(n + 1);
-  };
-  return !i || i <= 1 ? null : /* @__PURE__ */ t(y, { className: x("", a), children: /* @__PURE__ */ u(R, { children: [
-    /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(
-      g,
-      {
-        "data-testid": "paginationPrevius",
-        hasText: !o,
-        disabled: r === 1,
-        onClick: () => {
-          r !== 1 && m(r - 2);
-        }
-      }
-    ) }),
-    /* @__PURE__ */ t(l, { shouldRender: i <= 6, children: c == null ? void 0 : c.map((n) => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(
-      f,
-      {
-        "data-testid": `pagination${n}`,
-        isActive: r === n + 1,
-        onClick: () => {
-          m(n);
-        },
-        children: n + 1 < 10 ? `0${n + 1}` : n + 1
-      }
-    ) }, n)) }),
-    /* @__PURE__ */ t(l, { shouldRender: i > 6, children: c == null ? void 0 : c.map((n) => /* @__PURE__ */ u(N.Fragment, { children: [
-      /* @__PURE__ */ t(l, { shouldRender: r < 5 && n < 5 || n + 1 === i || n === 0, children: /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(
-        f,
-        {
-          "data-testid": `pagination${n}`,
-          isActive: r === n + 1,
-          onClick: () => {
-            m(n);
-          },
-          children: n + 1 < 10 ? `0${n + 1}` : n + 1
-        }
-      ) }, n) }),
-      /* @__PURE__ */ t(
-        l,
-        {
-          shouldRender: r >= 5 && (r === n || r === n + 2 || r === n + 1 || S(n)) && n + 1 !== i,
-          children: /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(
-            f,
-            {
-              "data-testid": `pagination${n}`,
-              isActive: r === n + 1,
-              onClick: () => {
-                m(n);
-              },
-              children: n + 1 < 10 ? `0${n + 1}` : n + 1
-            }
-          ) }, n)
-        }
-      ),
-      /* @__PURE__ */ t(
-        l,
-        {
-          shouldRender: r >= 5 && (r === n || r === n + 3) && r < i - 3,
-          children: /* @__PURE__ */ t(b, {})
-        }
-      ),
-      /* @__PURE__ */ t(l, { shouldRender: r < 5 && n === 5, children: /* @__PURE__ */ t(b, {}) }),
-      /* @__PURE__ */ t(l, { shouldRender: r >= 5 && r > i - 4 && n === 0, children: /* @__PURE__ */ t(b, {}) })
-    ] }, n)) }),
-    /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(
-      w,
-      {
-        "data-testid": "paginationNext",
-        hasText: !o,
-        disabled: r === i,
-        onClick: () => {
-          r !== i && m(r);
-        }
-      }
-    ) })
-  ] }) });
-}, b = () => /* @__PURE__ */ t(s, { className: "flex w-space-05 items-center justify-center text-center", children: /* @__PURE__ */ t(
-  f,
-  {
-    className: x({
-      "pointer-events-none": !0
-    }),
-    children: "..."
-  }
-) }), K = ({
-  currentPage: d,
-  totalCount: e,
-  limit: r = 10,
-  showTotalResults: a = !1
-}) => {
-  const o = Math.ceil(e / r);
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      className: x("flex-1", {
-        "text-body-01": !a,
-        "text-body-02 text-text-primary": a
-      }),
-      children: a ? h.formatString(h.Shared.totalResults, e) : h.formatString(h.Shared.PaginationDesc, d, o)
+import { jsx as s, jsxs as o } from "react/jsx-runtime";
+import { cva as x } from "./index.es118.js";
+import { forwardRef as n } from "react";
+import { cn as i } from "./index.es94.js";
+const b = x("grid border-b border-border-secondary", {
+  variants: {
+    variant: {
+      default: "[&>dt]:text-foreground-secondary",
+      list: "[&>dd]:text-card-foreground"
+    },
+    size: {
+      default: "text-body-01",
+      sm: "text-caption-01"
+    },
+    orientation: {
+      vertical: "grid-cols-1 gap-space-01",
+      horizental: "grid-cols-1   gap-space-02  sm:grid-cols-[min(50%,theme(spacing.80))_auto]"
+    },
+    lastItem: {
+      true: "border-none"
+    },
+    stretch: {
+      true: ""
+    },
+    padding: {
+      default: "p-space-04",
+      none: "p-space-00"
     }
-  );
-}, Q = ({
-  value: d,
-  onChange: e,
-  linesPerPageOptions: r = [5, 10, 15, 20, 25],
-  label: a,
-  placeholder: o
-}) => {
-  const { dir: p } = k();
-  return /* @__PURE__ */ u(C, { children: [
-    /* @__PURE__ */ t("span", { className: "block whitespace-nowrap text-body-01", children: a ?? h.Shared.LinesPerPage }),
-    /* @__PURE__ */ u(A, { dir: p, value: d.toString(), onValueChange: (i) => e(i), children: [
-      /* @__PURE__ */ t(L, { className: "!h-space-06", children: /* @__PURE__ */ t($, { placeholder: o ?? h.Shared.Select }) }),
-      /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(j, { children: r.map((i) => /* @__PURE__ */ t(V, { value: i.toString(), children: i }, i)) }) })
-    ] })
-  ] });
-}, U = ({ setCurrentPage: d, currentPage: e, totalPages: r, disabled: a }) => r <= 1 ? null : /* @__PURE__ */ u("div", { className: "flex gap-space-02", children: [
-  /* @__PURE__ */ t(
-    "button",
+  },
+  compoundVariants: [
     {
-      disabled: a ?? e === 1,
-      className: "!p-space-02 disabled:border-disabled disabled:text-disabled-text-default-disabled",
-      onClick: () => d((o) => o > 1 ? o - 1 : o),
-      children: /* @__PURE__ */ t(B, { className: "ltr:rotate-180" })
+      orientation: "horizental",
+      stretch: !0,
+      className: "sm:grid-cols-2 sm:[&>dd]:text-end"
     }
-  ),
-  /* @__PURE__ */ t(
-    "button",
-    {
-      disabled: a ?? e === r,
-      className: "!p-space-02 disabled:border-disabled disabled:text-disabled-text-default-disabled",
-      onClick: () => d((o) => a ? o : o + 1),
-      children: /* @__PURE__ */ t(D, { className: "ltr:rotate-180" })
-    }
-  )
-] });
+  ],
+  defaultVariants: {
+    orientation: "horizental",
+    variant: "default",
+    padding: "default",
+    size: "default"
+  }
+}), N = n(({ children: e, className: t, ...r }, a) => /* @__PURE__ */ s("div", { ref: a, className: i("rounded-2 bg-background", t), ...r, children: e }));
+N.displayName = "Description";
+const v = n(
+  ({ icon: e, isSingleLine: t = !0, variant: r, title: a, children: d, orientation: c, stretch: l, lastItem: m, size: p, padding: u, className: f, ...g }, h) => /* @__PURE__ */ o("dl", { ref: h, className: i(b({ variant: r, orientation: c, size: p, stretch: l, lastItem: m, padding: u }), f), ...g, children: [
+    /* @__PURE__ */ o("dt", { className: "col-start-1 inline-flex items-center gap-space-01", children: [
+      e && /* @__PURE__ */ s(e, { className: "h-8 w-8 shrink-0" }),
+      a,
+      ":"
+    ] }),
+    /* @__PURE__ */ s("dd", { className: i({ "line-clamp-1": t }), children: d })
+  ] })
+);
+v.displayName = "DescriptionItem";
 export {
-  Q as LinesPerPage,
-  J as Pagination,
-  K as PaginationDescription,
-  U as SliderPagination
+  N as Description,
+  v as DescriptionItem
 };