mada-design-system 0.9.0 → 1.0.0

package/index.es138.js

@@ -1,13 +1,13 @@
-import o from "./index.es194.js";
-const e = o("KeyboardArrowDown", [
+import H from "./index.es208.js";
+const a = H("DateRange", [
   [
     "path",
     {
-      d: "M7.41 8.29492L12 12.8749L16.59 8.29492L18 9.70492L12 15.7049L6 9.70492L7.41 8.29492Z",
-      key: "1q2iou"
+      d: "M7 11H9V13H7V11ZM21 6V20C21 21.1 20.1 22 19 22H5C3.89 22 3 21.1 3 20L3.01 6C3.01 4.9 3.89 4 5 4H6V2H8V4H16V2H18V4H19C20.1 4 21 4.9 21 6ZM5 8H19V6H5V8ZM19 20V10H5V20H19ZM15 13H17V11H15V13ZM11 13H13V11H11V13Z",
+      key: "1kdlay"
     }
   ]
 ]);
 export {
-  e as default
+  a as default
 };

package/index.es139.js

@@ -1,7 +1,8 @@
-import e from "./index.es194.js";
-const H = e("Menu", [
-  ["path", { d: "M3 18H21V16H3V18ZM3 13H21V11H3V13ZM3 6V8H21V6H3Z", key: "b3k1b" }]
-]);
+import { startOfDay as a } from "./index.es234.js";
+function o(t) {
+  return a(Date.now(), t);
+}
 export {
-  H as default
+  o as default,
+  o as startOfToday
 };

package/index.es14.js

@@ -1,43 +1,196 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import a from "react";
-import { useMediaQuery as l } from "./index.es106.js";
-import { cn as m } from "./index.es89.js";
-import { Button as n } from "./index.es23.js";
-import { Sheet as i, SheetTrigger as c, SheetContent as p, SheetHeader as f, SheetClose as h, SheetFooter as u } from "./index.es68.js";
-import S from "./index.es114.js";
-const T = i, b = a.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r(c, { asChild: !0, children: /* @__PURE__ */ r(n, { ref: t, colors: "primary", className: m("flex items-center gap-space-02", e), ...o }) }));
-b.displayName = "SheetFormTrigger";
-const x = a.forwardRef(({ className: e, ...o }, t) => {
-  const s = l("(min-width: 768px)");
+import { jsxs as f, Fragment as T, jsx as r } from "react/jsx-runtime";
+import { useSensor as O, useSensors as V, DndContext as _, closestCenter as q, DragOverlay as J, MouseSensor as K, TouchSensor as Q } from "./index.es119.js";
+import { SortableContext as U, arrayMove as X, useSortable as Y } from "./index.es120.js";
+import { useState as A } from "react";
+import { createPortal as j } from "react-dom";
+import { cn as $ } from "./index.es94.js";
+import { strings as Z } from "./index.es95.js";
+import E from "./index.es3.js";
+import { Button as y } from "./index.es27.js";
+import { Separator as M } from "./index.es72.js";
+import { Stack as ee } from "./index.es47.js";
+import re from "./index.es121.js";
+import te from "./index.es122.js";
+import se from "./index.es123.js";
+import ae from "./index.es124.js";
+function De({
+  configs: s,
+  isEditMode: o,
+  componentMap: u,
+  onConfigChange: g,
+  onOrderChange: v,
+  onSave: c,
+  onCancel: D,
+  onReset: z,
+  onAdd: C,
+  isSidePanelShown: I,
+  isSaving: h
+}) {
+  const [d, w] = A(null), [S, k] = A(null), W = O(K, {
+    activationConstraint: {
+      distance: 5
+    }
+  }), B = O(Q, {
+    activationConstraint: {
+      delay: 100,
+      tolerance: 5
+    }
+  }), H = V(W, B), P = (e) => {
+    w(e.active.id);
+  }, R = (e) => {
+    const { over: t } = e;
+    k(t ? t.id : null);
+  }, F = (e) => {
+    const { active: t, over: a } = e;
+    if (w(null), k(null), !a || t.id === a.id) return;
+    if (a.id.toString().startsWith("placeholder-")) {
+      const l = Number.parseInt(a.id.toString().split("-")[1]), m = s.find((p) => p.alias === t.id);
+      if ((m == null ? void 0 : m.size) === "half") {
+        const p = s.findIndex((L) => L.alias === t.id), N = [...s];
+        N.splice(l + 1, 0, ...N.splice(p, 1)), v(N);
+      }
+      return;
+    }
+    const i = s.findIndex((l) => l.alias === t.id), n = s.findIndex((l) => l.alias === a.id), b = X(s, i, n);
+    v(b);
+  }, x = s.filter((e) => (e == null ? void 0 : e.isVisible) && u[e.alias]), G = new Array(x.length).fill(0).map((e, t) => `placeholder-${t}`);
+  return /* @__PURE__ */ f(T, { children: [
+    h && j(
+      /* @__PURE__ */ r(
+        "div",
+        {
+          className: $(
+            "fixed inset-0 z-[60000] bg-black transition-all duration-200",
+            h ? "opacity-50" : "pointer-events-none opacity-0"
+          )
+        }
+      ),
+      document.body
+    ),
+    /* @__PURE__ */ f(
+      _,
+      {
+        sensors: H,
+        collisionDetection: q,
+        onDragStart: P,
+        onDragEnd: F,
+        onDragOver: R,
+        children: [
+          /* @__PURE__ */ r(U, { items: [...s.map((e) => e.alias), ...G], children: /* @__PURE__ */ r("div", { className: "grid grid-cols-1 items-center justify-center gap-space-04 px-space-04 pt-space-04 sm:grid-cols-2 sm:items-stretch sm:justify-stretch sm:px-space-06 xl:px-space-04", children: (() => {
+            let e = 0;
+            const t = [], a = s.find((i) => i.alias === d);
+            for (let i = 0; i < x.length; i++) {
+              const n = x[i], b = u[n.alias];
+              if (!b)
+                continue;
+              t.push(
+                /* @__PURE__ */ r(
+                  b,
+                  {
+                    config: n,
+                    isEditMode: o,
+                    onConfigChange: g,
+                    isOver: n.alias === S,
+                    isDragging: n.alias === d
+                  },
+                  n.alias
+                )
+              );
+              const l = n.size === "full" ? 2 : 1;
+              if (e += l, o && n.size === "half" && e % 2 === 1) {
+                const m = x[i + 1];
+                if (!m || m.size === "full") {
+                  const p = `placeholder-${i}`;
+                  t.push(
+                    /* @__PURE__ */ r(
+                      ie,
+                      {
+                        id: p,
+                        isEditMode: o,
+                        activeId: d,
+                        overId: S,
+                        draggedWidgetSize: a == null ? void 0 : a.size
+                      },
+                      p
+                    )
+                  ), e += 1;
+                }
+              }
+            }
+            return t;
+          })() }) }),
+          /* @__PURE__ */ r(J, { children: d && (() => {
+            const e = s.find((a) => a.alias === d);
+            if (!e) return null;
+            const t = u[e.alias];
+            return t ? /* @__PURE__ */ r(
+              t,
+              {
+                config: e,
+                isEditMode: o,
+                onConfigChange: g,
+                isDragOverlay: !0,
+                isOver: e.alias === S,
+                isDragging: e.alias === d
+              },
+              e.alias
+            ) : null;
+          })() })
+        ]
+      }
+    ),
+    j(
+      /* @__PURE__ */ r(
+        "div",
+        {
+          className: `fixed bottom-4 left-0 right-0 flex justify-center transition-all duration-300 ${o ? "z-[50000] opacity-100" : "pointer-events-none opacity-0"}
+                    ${I ? "hidden xl:flex" : ""}
+                    `,
+          children: /* @__PURE__ */ f(
+            "div",
+            {
+              className: `flex transform items-center gap-space-04 rounded-full border-t bg-background-brand p-space-02 shadow-card-shadow transition-all duration-300 ${o ? "translate-y-[-10px]" : "translate-y-full"}`,
+              children: [
+                /* @__PURE__ */ f(ee, { gap: 4, alignItems: "center", children: [
+                  /* @__PURE__ */ r(y, { variant: "outline", colors: "gray", size: "icon-sm", onClick: D, children: /* @__PURE__ */ r(re, {}) }),
+                  /* @__PURE__ */ r(y, { variant: "outline", colors: "gray", size: "icon-sm", onClick: z, children: /* @__PURE__ */ r(te, {}) }),
+                  /* @__PURE__ */ r(M, { orientation: "vertical", className: "h-space-06" })
+                ] }),
+                /* @__PURE__ */ r(y, { variant: "outline", colors: "primary", size: "icon-sm", className: "xl:hidden", onClick: C, children: /* @__PURE__ */ r(se, {}) }),
+                /* @__PURE__ */ f(y, { variant: "default", onClick: c, size: "sm", colors: "primary", className: "gap-space-02", disabled: h, children: [
+                  /* @__PURE__ */ r(ae, { className: "size-space-05" }),
+                  Z.DragAndDrop.SaveCustomization,
+                  h && /* @__PURE__ */ r(E, {})
+                ] })
+              ]
+            }
+          )
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+const ie = ({ id: s, isEditMode: o, activeId: u, overId: g, draggedWidgetSize: v }) => {
+  const c = v === "half", { attributes: D, listeners: z, isOver: C, setNodeRef: I } = Y({
+    id: s,
+    disabled: !o || !c
+  });
   return /* @__PURE__ */ r(
-    p,
+    "div",
     {
-      ref: t,
-      className: m(
-        "flex flex-col rounded-tl-4 rounded-tr-4 bg-card p-0 data-[side=bottom]:max-md:h-[93%] sm:max-w-[60rem] md:rounded-tl-none md:rounded-tr-none",
-        e
-      ),
-      side: s ? "left" : "bottom",
-      "data-side": s ? "left" : "bottom",
-      ...o
+      ref: I,
+      ...c ? D : {},
+      ...c ? z : {},
+      className: $(
+        "hidden sm:block",
+        "h-[440px] rounded-3 border-2 border-dashed transition-all duration-200",
+        C || g === s ? "border-primary" : "border-border",
+        !c && u ? "cursor-not-allowed" : "cursor-default"
+      )
     }
   );
-});
-x.displayName = "SheetFormContent";
-const F = ({ className: e, title: o, ...t }) => /* @__PURE__ */ d(f, { className: m("flex flex-row items-center justify-between border-b border-input px-space-05 py-space-04", e), ...t, children: [
-  /* @__PURE__ */ r("h1", { className: "text-subtitle-02 font-bold", children: o }),
-  /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(S, {}) })
-] });
-F.displayName = "SheetFormHeader";
-const g = ({ className: e, title: o, ...t }) => /* @__PURE__ */ r(u, { className: m("absolute bottom-0 left-0 mt-auto w-full bg-background p-space-05", e), ...t });
-g.displayName = "SheetFormFooter";
-const y = a.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ r("div", { ref: t, className: m("mb-space-11 overflow-auto p-space-05 text-foreground", e), ...o }));
-y.displayName = "SheetFormBody";
+};
 export {
-  T as SheetForm,
-  y as SheetFormBody,
-  x as SheetFormContent,
-  g as SheetFormFooter,
-  F as SheetFormHeader,
-  b as SheetFormTrigger
+  De as DraggableGrid
 };

package/index.es140.js

@@ -1,13 +1,59 @@
-import C from "./index.es194.js";
-const M = C("Language", [
-  [
-    "path",
-    {
-      d: "M11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM18.92 8H15.97C15.65 6.75 15.19 5.55 14.59 4.44C16.43 5.07 17.96 6.35 18.92 8ZM12 4.04C12.83 5.24 13.48 6.57 13.91 8H10.09C10.52 6.57 11.17 5.24 12 4.04ZM4.26 14C4.1 13.36 4 12.69 4 12C4 11.31 4.1 10.64 4.26 10H7.64C7.56 10.66 7.5 11.32 7.5 12C7.5 12.68 7.56 13.34 7.64 14H4.26ZM5.08 16H8.03C8.35 17.25 8.81 18.45 9.41 19.56C7.57 18.93 6.04 17.66 5.08 16ZM8.03 8H5.08C6.04 6.34 7.57 5.07 9.41 4.44C8.81 5.55 8.35 6.75 8.03 8ZM12 19.96C11.17 18.76 10.52 17.43 10.09 16H13.91C13.48 17.43 12.83 18.76 12 19.96ZM14.34 14H9.66C9.57 13.34 9.5 12.68 9.5 12C9.5 11.32 9.57 10.65 9.66 10H14.34C14.43 10.65 14.5 11.32 14.5 12C14.5 12.68 14.43 13.34 14.34 14ZM14.59 19.56C15.19 18.45 15.65 17.25 15.97 16H18.92C17.96 17.65 16.43 18.93 14.59 19.56ZM16.36 14C16.44 13.34 16.5 12.68 16.5 12C16.5 11.32 16.44 10.66 16.36 10H19.74C19.9 10.64 20 11.31 20 12C20 12.69 19.9 13.36 19.74 14H16.36Z",
-      key: "jipxan"
+import { getDefaultOptions as v } from "./index.es242.js";
+import { formatters as D } from "./index.es244.js";
+import { longFormatters as C } from "./index.es245.js";
+import { isProtectedWeekYearToken as S, isProtectedDayOfYearToken as R, warnOrThrowProtectedError as W } from "./index.es246.js";
+import { isValid as x } from "./index.es247.js";
+import { toDate as P } from "./index.es226.js";
+import { enUS as Y } from "./index.es135.js";
+const z = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, F = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, y = /^'([^]*?)'?$/, A = /''/g, L = /[a-zA-Z]/;
+function U(t, c, e) {
+  var i, k, s, u, d, g, h, w;
+  const n = v(), l = (e == null ? void 0 : e.locale) ?? n.locale ?? Y, T = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((k = (i = e == null ? void 0 : e.locale) == null ? void 0 : i.options) == null ? void 0 : k.firstWeekContainsDate) ?? n.firstWeekContainsDate ?? ((u = (s = n.locale) == null ? void 0 : s.options) == null ? void 0 : u.firstWeekContainsDate) ?? 1, O = (e == null ? void 0 : e.weekStartsOn) ?? ((g = (d = e == null ? void 0 : e.locale) == null ? void 0 : d.options) == null ? void 0 : g.weekStartsOn) ?? n.weekStartsOn ?? ((w = (h = n.locale) == null ? void 0 : h.options) == null ? void 0 : w.weekStartsOn) ?? 0, f = P(t, e == null ? void 0 : e.in);
+  if (!x(f))
+    throw new RangeError("Invalid time value");
+  let m = c.match(F).map((a) => {
+    const r = a[0];
+    if (r === "p" || r === "P") {
+      const o = C[r];
+      return o(a, l.formatLong);
     }
-  ]
-]);
+    return a;
+  }).join("").match(z).map((a) => {
+    if (a === "''")
+      return { isToken: !1, value: "'" };
+    const r = a[0];
+    if (r === "'")
+      return { isToken: !1, value: $(a) };
+    if (D[r])
+      return { isToken: !0, value: a };
+    if (r.match(L))
+      throw new RangeError(
+        "Format string contains an unescaped latin alphabet character `" + r + "`"
+      );
+    return { isToken: !1, value: a };
+  });
+  l.localize.preprocessor && (m = l.localize.preprocessor(f, m));
+  const E = {
+    firstWeekContainsDate: T,
+    weekStartsOn: O,
+    locale: l
+  };
+  return m.map((a) => {
+    if (!a.isToken) return a.value;
+    const r = a.value;
+    (!(e != null && e.useAdditionalWeekYearTokens) && S(r) || !(e != null && e.useAdditionalDayOfYearTokens) && R(r)) && W(r, c, String(t));
+    const o = D[r[0]];
+    return o(f, r, l.localize, E);
+  }).join("");
+}
+function $(t) {
+  const c = t.match(y);
+  return c ? c[1].replace(A, "'") : t;
+}
 export {
-  M as default
+  U as default,
+  U as format,
+  U as formatDate,
+  D as formatters,
+  C as longFormatters
 };

package/index.es141.js

@@ -1,60 +1,8 @@
-import { getDefaultOptions as v } from "./index.es244.js";
-import { formatters as D } from "./index.es245.js";
-import { longFormatters as C } from "./index.es246.js";
-import { isProtectedWeekYearToken as S, isProtectedDayOfYearToken as R, warnOrThrowProtectedError as W } from "./index.es247.js";
-import { isValid as x } from "./index.es248.js";
-import { toDate as P } from "./index.es238.js";
-import { enUS as Y } from "./index.es144.js";
-const z = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, F = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, y = /^'([^]*?)'?$/, A = /''/g, L = /[a-zA-Z]/;
-function U(t, c, e) {
-  var i, k, s, u, d, g, h, w;
-  const n = v(), l = (e == null ? void 0 : e.locale) ?? n.locale ?? Y, T = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((k = (i = e == null ? void 0 : e.locale) == null ? void 0 : i.options) == null ? void 0 : k.firstWeekContainsDate) ?? n.firstWeekContainsDate ?? ((u = (s = n.locale) == null ? void 0 : s.options) == null ? void 0 : u.firstWeekContainsDate) ?? 1, O = (e == null ? void 0 : e.weekStartsOn) ?? ((g = (d = e == null ? void 0 : e.locale) == null ? void 0 : d.options) == null ? void 0 : g.weekStartsOn) ?? n.weekStartsOn ?? ((w = (h = n.locale) == null ? void 0 : h.options) == null ? void 0 : w.weekStartsOn) ?? 0, f = P(t, e == null ? void 0 : e.in);
-  if (!x(f))
-    throw new RangeError("Invalid time value");
-  let m = c.match(F).map((a) => {
-    const r = a[0];
-    if (r === "p" || r === "P") {
-      const o = C[r];
-      return o(a, l.formatLong);
-    }
-    return a;
-  }).join("").match(z).map((a) => {
-    if (a === "''")
-      return { isToken: !1, value: "'" };
-    const r = a[0];
-    if (r === "'")
-      return { isToken: !1, value: $(a) };
-    if (D[r])
-      return { isToken: !0, value: a };
-    if (r.match(L))
-      throw new RangeError(
-        "Format string contains an unescaped latin alphabet character `" + r + "`"
-      );
-    return { isToken: !1, value: a };
-  });
-  l.localize.preprocessor && (m = l.localize.preprocessor(f, m));
-  const E = {
-    firstWeekContainsDate: T,
-    weekStartsOn: O,
-    locale: l
-  };
-  return m.map((a) => {
-    if (!a.isToken)
-      return a.value;
-    const r = a.value;
-    (!(e != null && e.useAdditionalWeekYearTokens) && S(r) || !(e != null && e.useAdditionalDayOfYearTokens) && R(r)) && W(r, c, String(t));
-    const o = D[r[0]];
-    return o(f, r, l.localize, E);
-  }).join("");
-}
-function $(t) {
-  const c = t.match(y);
-  return c ? c[1].replace(A, "'") : t;
+import { toDate as t } from "./index.es226.js";
+function f(e, o) {
+  return +t(e) < +t(o);
 }
 export {
-  U as default,
-  U as format,
-  U as formatDate,
-  D as formatters,
-  C as longFormatters
+  f as default,
+  f as isBefore
 };

package/index.es142.js

@@ -1,10 +1,10 @@
-import e from "./index.es194.js";
-const c = e("AccessTime", [
+import e from "./index.es208.js";
+const c = e("Check", [
   [
     "path",
     {
-      d: "M11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20ZM12.5 7H11V13L16.25 16.15L17 14.92L12.5 12.25V7Z",
-      key: "1m56z5"
+      d: "M8.79508 15.8749L4.62508 11.7049L3.20508 13.1149L8.79508 18.7049L20.7951 6.70492L19.3851 5.29492L8.79508 15.8749Z",
+      key: "5stcsf"
     }
   ]
 ]);

package/index.es143.js

@@ -1,13 +1,13 @@
-import e from "./index.es194.js";
-const c = e("Check", [
+import e from "./index.es208.js";
+const t = e("Circle", [
   [
     "path",
     {
-      d: "M8.79508 15.8749L4.62508 11.7049L3.20508 13.1149L8.79508 18.7049L20.7951 6.70492L19.3851 5.29492L8.79508 15.8749Z",
-      key: "5stcsf"
+      d: "M12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2Z",
+      key: "arly8y"
     }
   ]
 ]);
 export {
-  c as default
+  t as default
 };

package/index.es144.js

@@ -1,21 +1,13 @@
-import { formatDistance as o } from "./index.es274.js";
-import { formatLong as t } from "./index.es275.js";
-import { formatRelative as a } from "./index.es276.js";
-import { localize as r } from "./index.es277.js";
-import { match as e } from "./index.es278.js";
-const s = {
-  code: "en-US",
-  formatDistance: o,
-  formatLong: t,
-  formatRelative: a,
-  localize: r,
-  match: e,
-  options: {
-    weekStartsOn: 0,
-    firstWeekContainsDate: 1
-  }
-};
+import t from "./index.es208.js";
+const o = t("ChevronRight", [
+  [
+    "path",
+    {
+      d: "M9.70492 6L8.29492 7.41L12.8749 12L8.29492 16.59L9.70492 18L15.7049 12L9.70492 6Z",
+      key: "xcu7tv"
+    }
+  ]
+]);
 export {
-  s as default,
-  s as enUS
+  o as default
 };