mada-design-system 0.9.0 → 1.0.0

package/index.es346.js

@@ -1,18 +1,100 @@
-function h(e) {
-  return (a, t) => {
-    const c = t != null && t.context ? String(t.context) : "standalone";
-    let l;
-    if (c === "formatting" && e.formattingValues) {
-      const d = e.defaultFormattingWidth || e.defaultWidth, u = t != null && t.width ? String(t.width) : d;
-      l = e.formattingValues[u] || e.formattingValues[d];
-    } else {
-      const d = e.defaultWidth, u = t != null && t.width ? String(t.width) : e.defaultWidth;
-      l = e.values[u] || e.values[d];
-    }
-    const f = e.argumentCallback ? e.argumentCallback(a) : a;
-    return l[f];
-  };
-}
+const u = {
+  lessThanXSeconds: {
+    one: "أقل من ثانية",
+    two: "أقل من ثانيتين",
+    threeToTen: "أقل من {{count}} ثواني",
+    other: "أقل من {{count}} ثانية"
+  },
+  xSeconds: {
+    one: "ثانية واحدة",
+    two: "ثانيتان",
+    threeToTen: "{{count}} ثواني",
+    other: "{{count}} ثانية"
+  },
+  halfAMinute: "نصف دقيقة",
+  lessThanXMinutes: {
+    one: "أقل من دقيقة",
+    two: "أقل من دقيقتين",
+    threeToTen: "أقل من {{count}} دقائق",
+    other: "أقل من {{count}} دقيقة"
+  },
+  xMinutes: {
+    one: "دقيقة واحدة",
+    two: "دقيقتان",
+    threeToTen: "{{count}} دقائق",
+    other: "{{count}} دقيقة"
+  },
+  aboutXHours: {
+    one: "ساعة واحدة تقريباً",
+    two: "ساعتين تقريبا",
+    threeToTen: "{{count}} ساعات تقريباً",
+    other: "{{count}} ساعة تقريباً"
+  },
+  xHours: {
+    one: "ساعة واحدة",
+    two: "ساعتان",
+    threeToTen: "{{count}} ساعات",
+    other: "{{count}} ساعة"
+  },
+  xDays: {
+    one: "يوم واحد",
+    two: "يومان",
+    threeToTen: "{{count}} أيام",
+    other: "{{count}} يوم"
+  },
+  aboutXWeeks: {
+    one: "أسبوع واحد تقريبا",
+    two: "أسبوعين تقريبا",
+    threeToTen: "{{count}} أسابيع تقريبا",
+    other: "{{count}} أسبوعا تقريبا"
+  },
+  xWeeks: {
+    one: "أسبوع واحد",
+    two: "أسبوعان",
+    threeToTen: "{{count}} أسابيع",
+    other: "{{count}} أسبوعا"
+  },
+  aboutXMonths: {
+    one: "شهر واحد تقريباً",
+    two: "شهرين تقريبا",
+    threeToTen: "{{count}} أشهر تقريبا",
+    other: "{{count}} شهرا تقريباً"
+  },
+  xMonths: {
+    one: "شهر واحد",
+    two: "شهران",
+    threeToTen: "{{count}} أشهر",
+    other: "{{count}} شهرا"
+  },
+  aboutXYears: {
+    one: "سنة واحدة تقريباً",
+    two: "سنتين تقريبا",
+    threeToTen: "{{count}} سنوات تقريباً",
+    other: "{{count}} سنة تقريباً"
+  },
+  xYears: {
+    one: "سنة واحد",
+    two: "سنتان",
+    threeToTen: "{{count}} سنوات",
+    other: "{{count}} سنة"
+  },
+  overXYears: {
+    one: "أكثر من سنة",
+    two: "أكثر من سنتين",
+    threeToTen: "أكثر من {{count}} سنوات",
+    other: "أكثر من {{count}} سنة"
+  },
+  almostXYears: {
+    one: "ما يقارب سنة واحدة",
+    two: "ما يقارب سنتين",
+    threeToTen: "ما يقارب {{count}} سنوات",
+    other: "ما يقارب {{count}} سنة"
+  }
+}, c = (r, t, n) => {
+  const o = u[r];
+  let e;
+  return typeof o == "string" ? e = o : t === 1 ? e = o.one : t === 2 ? e = o.two : t <= 10 ? e = o.threeToTen.replace("{{count}}", String(t)) : e = o.other.replace("{{count}}", String(t)), n != null && n.addSuffix ? n.comparison && n.comparison > 0 ? "خلال " + e : "منذ " + e : e;
+};
 export {
-  h as buildLocalizeFn
+  c as formatDistance
 };

package/index.es347.js

@@ -1,31 +1,33 @@
-function P(t) {
-  return (n, e = {}) => {
-    const l = e.width, h = l && t.matchPatterns[l] || t.matchPatterns[t.defaultMatchWidth], i = n.match(h);
-    if (!i)
-      return null;
-    const r = i[0], c = l && t.parsePatterns[l] || t.parsePatterns[t.defaultParseWidth], d = Array.isArray(c) ? o(c, (u) => u.test(r)) : (
-      // [TODO] -- I challenge you to fix the type
-      s(c, (u) => u.test(r))
-    );
-    let a;
-    a = t.valueCallback ? t.valueCallback(d) : d, a = e.valueCallback ? (
-      // [TODO] -- I challenge you to fix the type
-      e.valueCallback(a)
-    ) : a;
-    const f = n.slice(r.length);
-    return { value: a, rest: f };
-  };
-}
-function s(t, n) {
-  for (const e in t)
-    if (Object.prototype.hasOwnProperty.call(t, e) && n(t[e]))
-      return e;
-}
-function o(t, n) {
-  for (let e = 0; e < t.length; e++)
-    if (n(t[e]))
-      return e;
-}
+import { buildFormatLongFn as t } from "./index.es430.js";
+const m = {
+  full: "EEEE، do MMMM y",
+  long: "do MMMM y",
+  medium: "d MMM y",
+  short: "dd/MM/yyyy"
+}, o = {
+  full: "HH:mm:ss",
+  long: "HH:mm:ss",
+  medium: "HH:mm:ss",
+  short: "HH:mm"
+}, d = {
+  full: "{{date}} 'عند الساعة' {{time}}",
+  long: "{{date}} 'عند الساعة' {{time}}",
+  medium: "{{date}}, {{time}}",
+  short: "{{date}}, {{time}}"
+}, a = {
+  date: t({
+    formats: m,
+    defaultWidth: "full"
+  }),
+  time: t({
+    formats: o,
+    defaultWidth: "full"
+  }),
+  dateTime: t({
+    formats: d,
+    defaultWidth: "full"
+  })
+};
 export {
-  P as buildMatchFn
+  a as formatLong
 };

package/index.es348.js

@@ -1,17 +1,11 @@
-function h(t) {
-  return (e, c = {}) => {
-    const n = e.match(t.matchPattern);
-    if (!n)
-      return null;
-    const u = n[0], a = e.match(t.parsePattern);
-    if (!a)
-      return null;
-    let l = t.valueCallback ? t.valueCallback(a[0]) : a[0];
-    l = c.valueCallback ? c.valueCallback(l) : l;
-    const r = e.slice(u.length);
-    return { value: l, rest: r };
-  };
-}
+const t = {
+  lastWeek: "eeee 'الماضي عند الساعة' p",
+  yesterday: "'الأمس عند الساعة' p",
+  today: "'اليوم عند الساعة' p",
+  tomorrow: "'غدا عند الساعة' p",
+  nextWeek: "eeee 'القادم عند الساعة' p",
+  other: "P"
+}, o = (e) => t[e];
 export {
-  h as buildMatchPatternFn
+  o as formatRelative
 };

package/index.es349.js

@@ -1,4 +1,143 @@
-var o = {};
+import { buildLocalizeFn as n } from "./index.es431.js";
+const a = {
+  narrow: ["ق", "ب"],
+  abbreviated: ["ق.م.", "ب.م."],
+  wide: ["قبل الميلاد", "بعد الميلاد"]
+}, i = {
+  narrow: ["1", "2", "3", "4"],
+  abbreviated: ["ر1", "ر2", "ر3", "ر4"],
+  wide: ["الربع الأول", "الربع الثاني", "الربع الثالث", "الربع الرابع"]
+}, o = {
+  narrow: ["ي", "ف", "م", "أ", "م", "ي", "ي", "أ", "س", "أ", "ن", "د"],
+  abbreviated: [
+    "يناير",
+    "فبراير",
+    "مارس",
+    "أبريل",
+    "مايو",
+    "يونيو",
+    "يوليو",
+    "أغسطس",
+    "سبتمبر",
+    "أكتوبر",
+    "نوفمبر",
+    "ديسمبر"
+  ],
+  wide: [
+    "يناير",
+    "فبراير",
+    "مارس",
+    "أبريل",
+    "مايو",
+    "يونيو",
+    "يوليو",
+    "أغسطس",
+    "سبتمبر",
+    "أكتوبر",
+    "نوفمبر",
+    "ديسمبر"
+  ]
+}, t = {
+  narrow: ["ح", "ن", "ث", "ر", "خ", "ج", "س"],
+  short: ["أحد", "اثنين", "ثلاثاء", "أربعاء", "خميس", "جمعة", "سبت"],
+  abbreviated: ["أحد", "اثنين", "ثلاثاء", "أربعاء", "خميس", "جمعة", "سبت"],
+  wide: [
+    "الأحد",
+    "الاثنين",
+    "الثلاثاء",
+    "الأربعاء",
+    "الخميس",
+    "الجمعة",
+    "السبت"
+  ]
+}, r = {
+  narrow: {
+    am: "ص",
+    pm: "م",
+    morning: "الصباح",
+    noon: "الظهر",
+    afternoon: "بعد الظهر",
+    evening: "المساء",
+    night: "الليل",
+    midnight: "منتصف الليل"
+  },
+  abbreviated: {
+    am: "ص",
+    pm: "م",
+    morning: "الصباح",
+    noon: "الظهر",
+    afternoon: "بعد الظهر",
+    evening: "المساء",
+    night: "الليل",
+    midnight: "منتصف الليل"
+  },
+  wide: {
+    am: "ص",
+    pm: "م",
+    morning: "الصباح",
+    noon: "الظهر",
+    afternoon: "بعد الظهر",
+    evening: "المساء",
+    night: "الليل",
+    midnight: "منتصف الليل"
+  }
+}, d = {
+  narrow: {
+    am: "ص",
+    pm: "م",
+    morning: "في الصباح",
+    noon: "الظهر",
+    afternoon: "بعد الظهر",
+    evening: "في المساء",
+    night: "في الليل",
+    midnight: "منتصف الليل"
+  },
+  abbreviated: {
+    am: "ص",
+    pm: "م",
+    morning: "في الصباح",
+    noon: "الظهر",
+    afternoon: "بعد الظهر",
+    evening: "في المساء",
+    night: "في الليل",
+    midnight: "منتصف الليل"
+  },
+  wide: {
+    am: "ص",
+    pm: "م",
+    morning: "في الصباح",
+    noon: "الظهر",
+    afternoon: "بعد الظهر",
+    evening: "في المساء",
+    night: "في الليل",
+    midnight: "منتصف الليل"
+  }
+}, m = (e) => String(e), l = {
+  ordinalNumber: m,
+  era: n({
+    values: a,
+    defaultWidth: "wide"
+  }),
+  quarter: n({
+    values: i,
+    defaultWidth: "wide",
+    argumentCallback: (e) => e - 1
+  }),
+  month: n({
+    values: o,
+    defaultWidth: "wide"
+  }),
+  day: n({
+    values: t,
+    defaultWidth: "wide"
+  }),
+  dayPeriod: n({
+    values: r,
+    defaultWidth: "wide",
+    formattingValues: d,
+    defaultFormattingWidth: "wide"
+  })
+};
 export {
-  o as __exports
+  l as localize
 };

package/index.es35.js

@@ -1,74 +1,119 @@
-import { jsx as n } from "react/jsx-runtime";
-import { Slot as u } from "@radix-ui/react-slot";
-import * as s from "react";
-import { FormProvider as p, Controller as I, useFormContext as x } from "./index.es36.js";
-import { useController as j, useFieldArray as k, useForm as A, useFormState as E, useWatch as W } from "./index.es36.js";
-import { Label as C } from "./index.es39.js";
-import { cn as c } from "./index.es89.js";
-const D = (e) => /* @__PURE__ */ n(p, { ...e }), f = s.createContext({}), M = ({
-  ...e
-}) => /* @__PURE__ */ n(f.Provider, { value: { name: e.name }, children: /* @__PURE__ */ n(I, { ...e }) }), l = () => {
-  const e = s.useContext(f), t = s.useContext(F), { getFieldState: o, formState: m, formId: r } = x(), i = o(e.name, m);
-  if (!e)
-    throw new Error("useFormField should be used within <FormField>");
-  const { id: a } = t, d = r ? `${r}-${e.name}` : a;
-  return {
-    newId: d,
-    name: e.name,
-    formItemId: r ? d : `${a}-form-item`,
-    formDescriptionId: `${r ? d : a}-form-item-description`,
-    formMessageId: `${r ? d : a}-form-item-message`,
-    ...i
-  };
-}, F = s.createContext({}), g = s.forwardRef(({ className: e, ...t }, o) => {
-  const m = s.useId();
-  return /* @__PURE__ */ n(F.Provider, { value: { id: m }, children: /* @__PURE__ */ n("div", { ref: o, className: c(e), ...t }) });
-});
-g.displayName = "FormItem";
-const b = s.forwardRef(
-  ({ className: e, ...t }, o) => {
-    const { formItemId: m } = l();
-    return /* @__PURE__ */ n(C, { ref: o, className: c("mb-space-02 block", e), htmlFor: m, ...t });
-  }
-);
-b.displayName = "FormLabel";
-const w = s.forwardRef(({ ...e }, t) => {
-  const { error: o, formItemId: m, formDescriptionId: r, formMessageId: i } = l();
-  return /* @__PURE__ */ n(
-    u,
-    {
-      ref: t,
-      id: m,
-      "aria-describedby": o ? `${r} ${i}` : `${r}`,
-      "aria-invalid": !!o,
-      ...e
+import { jsx as r, jsxs as s, Fragment as A } from "react/jsx-runtime";
+import * as l from "react";
+import { useMemo as v } from "react";
+import { getGregorianToHijri as j, ummalqura as I } from "./index.es137.js";
+import { cn as S } from "./index.es94.js";
+import { strings as J } from "./index.es95.js";
+import { DayCalendar as Q, DayCalendarDayButton as U } from "./index.es29.js";
+import { Popover as X, PopoverTrigger as Z, PopoverContent as tt } from "./index.es65.js";
+import { selectVariants as et } from "./index.es71.js";
+import { Separator as rt } from "./index.es72.js";
+import { Switch as ot } from "./index.es77.js";
+import at from "./index.es138.js";
+import { startOfToday as nt } from "./index.es139.js";
+import { formatDate as D } from "./index.es140.js";
+import { isBefore as st } from "./index.es141.js";
+function Ct({
+  lang: a = "en",
+  controlProps: k,
+  dir: $,
+  shouldDisableDate: g,
+  isWeekendDisable: P = !1,
+  customTrigger: F,
+  hijriToggle: f = !1,
+  disablePast: B = !1,
+  closeOnSelect: w = !0,
+  sideOffset: H = 0,
+  ...o
+}) {
+  const [p, O] = l.useState(!1), [q, C] = l.useState(!1), [m, z] = l.useState(/* @__PURE__ */ new Date()), { variant: E, colors: R, size: Y, rounded: _, className: G, placeholder: K, ...L } = k || {}, t = o.selected, u = o.mode || "single", T = v(() => {
+    if (!f) return "";
+    const e = m.getFullYear(), n = m.getMonth(), y = new Date(e, n, 1), x = new Date(e, n + 1, 0), c = /* @__PURE__ */ new Map();
+    for (let i = y.getDate(); i <= x.getDate(); i++) {
+      const d = j(e, n, i), N = `${d.hy}-${d.hm}`;
+      c.set(N, (c.get(N) || 0) + 1);
     }
-  );
-});
-w.displayName = "FormControl";
-const N = s.forwardRef(({ className: e, ...t }, o) => {
-  const { formDescriptionId: m } = l();
-  return /* @__PURE__ */ n("p", { ref: o, id: m, className: c("text-sm text-muted-foreground", e), ...t });
-});
-N.displayName = "FormDescription";
-const h = s.forwardRef(({ className: e, children: t, ...o }, m) => {
-  const { error: r, formMessageId: i } = l(), a = r ? String(r == null ? void 0 : r.message) : t;
-  return a ? /* @__PURE__ */ n("p", { ref: m, id: i, className: c("mt-space-01 font-bold text-xs leading-[1.8rem] text-error", e), ...o, children: a }) : null;
-});
-h.displayName = "FormMessage";
+    let M = 0, b = "";
+    c.forEach((i, d) => {
+      i > M && (M = i, b = d);
+    });
+    const [V, W] = b.split("-").map(Number);
+    return `${I.months[a][W - 1]} ${V}`;
+  }, [m, a, f]), h = v(() => {
+    if (t)
+      return u === "single" ? D(t ?? "", a === "ar" ? "yyyy/M/d" : "d/M/yyyy") : u === "range" && t ? `${D((t == null ? void 0 : t.from) ?? /* @__PURE__ */ new Date(), a === "ar" ? "yyyy/M/d" : "d/M/yyyy")} - ${D((t == null ? void 0 : t.to) ?? /* @__PURE__ */ new Date(), a === "ar" ? "yyyy/M/d" : "d/M/yyyy")}` : t;
+  }, [t, u, a]);
+  return l.useEffect(() => {
+    w && C(!1);
+  }, [w, t]), /* @__PURE__ */ r("div", { className: "flex flex-col gap-3", children: /* @__PURE__ */ s(X, { open: q, onOpenChange: C, children: [
+    /* @__PURE__ */ r(Z, { asChild: !0, children: F ?? /* @__PURE__ */ s("button", { className: S(et({ variant: E, colors: R, size: Y, rounded: _ }), G), ...L, children: [
+      /* @__PURE__ */ r(
+        "span",
+        {
+          className: S("text-body-01 font-semibold", {
+            "text-body-02 font-normal text-form-field-text-placeholder": !(o != null && o.selected)
+          }),
+          children: o != null && o.selected ? h == null ? void 0 : h.toString() : K
+        }
+      ),
+      /* @__PURE__ */ r(at, { className: "size-[20px] shrink-0" })
+    ] }) }),
+    /* @__PURE__ */ s(
+      tt,
+      {
+        className: "min-w-[300px] p-space-04",
+        align: "start",
+        avoidCollisions: !0,
+        dir: a === "ar" ? "rtl" : "ltr",
+        sideOffset: H,
+        children: [
+          f && /* @__PURE__ */ s(A, { children: [
+            /* @__PURE__ */ s("div", { className: "has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 grid auto-rows-min grid-rows-[auto_auto] items-center gap-1.5 px-6 pb-space-04 pt-space-02", children: [
+              /* @__PURE__ */ s("span", { className: "text-start text-body-01 font-semibold", children: [
+                " ",
+                J.Shared.hijriCalendar
+              ] }),
+              p && /* @__PURE__ */ r("p", { className: "text-start text-body-01 text-foreground-secondary", children: T }),
+              /* @__PURE__ */ r("div", { "data-slot": "card-action", className: "col-start-2 row-span-2 row-start-1 self-start justify-self-end", children: /* @__PURE__ */ r(ot, { dir: $, checked: p, onCheckedChange: O }) })
+            ] }),
+            /* @__PURE__ */ r(rt, { className: "mb-space-03" })
+          ] }),
+          /* @__PURE__ */ r(
+            Q,
+            {
+              captionLayout: "dropdown",
+              lang: a,
+              month: m,
+              onMonthChange: z,
+              ...o,
+              showOutsideDays: !0,
+              fixedWeeks: !0,
+              disabled: (e) => {
+                if (g && g(e))
+                  return !0;
+                if (P) {
+                  const n = e.getDay();
+                  if (n === 5 || n === 6)
+                    return !0;
+                }
+                return !!(B && st(e, nt()));
+              },
+              components: {
+                DayButton: ({ day: e, modifiers: n, children: y, ...x }) => {
+                  const c = j(e.date.getFullYear(), e.date.getMonth(), e.date.getDate());
+                  return /* @__PURE__ */ s(U, { day: e, modifiers: n, ...x, children: [
+                    y,
+                    p && /* @__PURE__ */ r("span", { className: "text-caption-02", children: c.hd })
+                  ] });
+                }
+              }
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+}
 export {
-  D as Form,
-  w as FormControl,
-  N as FormDescription,
-  M 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
+  Ct as DatePicker
 };