mada-design-system 0.9.0 → 1.0.0

package/index.es113.js

@@ -1,324 +1,26 @@
-import U, { useMemo as A, useRef as z, useEffect as E, useContext as le, useState as ue } from "react";
-import { KeyboardCode as O, useDndContext as fe, useDroppable as ge, useDraggable as pe, getClientRect as be } from "./index.es112.js";
-import { useUniqueId as ve, useIsomorphicLayoutEffect as V, useCombinedRefs as me, isKeyboardEvent as Ie, CSS as Y } from "./index.es192.js";
-function $(e, r, t) {
-  const n = e.slice();
-  return n.splice(t < 0 ? n.length + t : t, 0, n.splice(r, 1)[0]), n;
-}
-function xe(e, r) {
-  return e.reduce((t, n, i) => {
-    const c = r.get(n);
-    return c && (t[i] = c), t;
-  }, Array(e.length));
-}
-function N(e) {
-  return e !== null && e >= 0;
-}
-function ye(e, r) {
-  if (e === r)
-    return !0;
-  if (e.length !== r.length)
-    return !1;
-  for (let t = 0; t < e.length; t++)
-    if (e[t] !== r[t])
-      return !1;
-  return !0;
-}
-function he(e) {
-  return typeof e == "boolean" ? {
-    draggable: e,
-    droppable: e
-  } : e;
-}
-const j = (e) => {
-  let {
-    rects: r,
-    activeIndex: t,
-    overIndex: n,
-    index: i
-  } = e;
-  const c = $(r, n, t), o = r[i], a = c[i];
-  return !a || !o ? null : {
-    x: a.left - o.left,
-    y: a.top - o.top,
-    scaleX: a.width / o.width,
-    scaleY: a.height / o.height
-  };
-}, G = "Sortable", k = /* @__PURE__ */ U.createContext({
-  activeIndex: -1,
-  containerId: G,
-  disableTransforms: !1,
-  items: [],
-  overIndex: -1,
-  useDragOverlay: !1,
-  sortedRects: [],
-  strategy: j,
-  disabled: {
-    draggable: !1,
-    droppable: !1
+import { useState as u, useLayoutEffect as c, useEffect as d, useCallback as f } from "react";
+import "./index.es197.js";
+var l = typeof window < "u" ? c : d, h = typeof window > "u";
+function v(t, r) {
+  const o = (e) => h ? !1 : window.matchMedia(e).matches, [s, i] = u(() => !1);
+  function n() {
+    i(o(t));
   }
-});
-function _e(e) {
-  let {
-    children: r,
-    id: t,
-    items: n,
-    strategy: i = j,
-    disabled: c = !1
-  } = e;
-  const {
-    active: o,
-    dragOverlay: a,
-    droppableRects: f,
-    over: l,
-    measureDroppableContainers: s
-  } = fe(), p = ve(G, t), v = a.rect !== null, u = A(() => n.map((m) => typeof m == "object" && "id" in m ? m.id : m), [n]), S = o != null, y = o ? u.indexOf(o.id) : -1, b = l ? u.indexOf(l.id) : -1, T = z(u), h = !ye(u, T.current), D = b !== -1 && y === -1 || h, g = he(c);
-  V(() => {
-    h && S && s(u);
-  }, [h, u, S, s]), E(() => {
-    T.current = u;
-  }, [u]);
-  const R = A(
-    () => ({
-      activeIndex: y,
-      containerId: p,
-      disabled: g,
-      disableTransforms: D,
-      items: u,
-      overIndex: b,
-      useDragOverlay: v,
-      sortedRects: xe(u, f),
-      strategy: i
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [y, p, g.draggable, g.droppable, D, u, b, f, v, i]
-  );
-  return U.createElement(k.Provider, {
-    value: R
-  }, r);
-}
-const De = (e) => {
-  let {
-    id: r,
-    items: t,
-    activeIndex: n,
-    overIndex: i
-  } = e;
-  return $(t, n, i).indexOf(r);
-}, Re = (e) => {
-  let {
-    containerId: r,
-    isSorting: t,
-    wasDragging: n,
-    index: i,
-    items: c,
-    newIndex: o,
-    previousItems: a,
-    previousContainerId: f,
-    transition: l
-  } = e;
-  return !l || !n || a !== c && i === o ? !1 : t ? !0 : o !== i && r === f;
-}, Ce = {
-  duration: 200,
-  easing: "ease"
-}, J = "transform", we = /* @__PURE__ */ Y.Transition.toString({
-  property: J,
-  duration: 0,
-  easing: "linear"
-}), Se = {
-  roleDescription: "sortable"
-};
-function Te(e) {
-  let {
-    disabled: r,
-    index: t,
-    node: n,
-    rect: i
-  } = e;
-  const [c, o] = ue(null), a = z(t);
-  return V(() => {
-    if (!r && t !== a.current && n.current) {
-      const f = i.current;
-      if (f) {
-        const l = be(n.current, {
-          ignoreTransform: !0
-        }), s = {
-          x: f.left - l.left,
-          y: f.top - l.top,
-          scaleX: f.width / l.width,
-          scaleY: f.height / l.height
-        };
-        (s.x || s.y) && o(s);
-      }
-    }
-    t !== a.current && (a.current = t);
-  }, [r, t, n, i]), E(() => {
-    c && o(null);
-  }, [c]), c;
-}
-function ze(e) {
-  let {
-    animateLayoutChanges: r = Re,
-    attributes: t,
-    disabled: n,
-    data: i,
-    getNewIndex: c = De,
-    id: o,
-    strategy: a,
-    resizeObserverConfig: f,
-    transition: l = Ce
-  } = e;
-  const {
-    items: s,
-    containerId: p,
-    activeIndex: v,
-    disabled: u,
-    disableTransforms: S,
-    sortedRects: y,
-    overIndex: b,
-    useDragOverlay: T,
-    strategy: h
-  } = le(k), D = Oe(n, u), g = s.indexOf(o), R = A(() => ({
-    sortable: {
-      containerId: p,
-      index: g,
-      items: s
-    },
-    ...i
-  }), [p, i, g, s]), m = A(() => s.slice(s.indexOf(o)), [s, o]), {
-    rect: P,
-    node: M,
-    isOver: Q,
-    setNodeRef: X
-  } = ge({
-    id: o,
-    data: R,
-    disabled: D.droppable,
-    resizeObserverConfig: {
-      updateMeasurementsFor: m,
-      ...f
-    }
-  }), {
-    active: C,
-    activatorEvent: W,
-    activeNodeRect: Z,
-    attributes: ee,
-    setNodeRef: q,
-    listeners: te,
-    isDragging: L,
-    over: re,
-    setActivatorNodeRef: ne,
-    transform: oe
-  } = pe({
-    id: o,
-    data: R,
-    attributes: {
-      ...Se,
-      ...t
-    },
-    disabled: D.draggable
-  }), se = me(X, q), I = !!C, B = I && !S && N(v) && N(b), F = !T && L, H = F && B ? oe : null, ie = B ? H ?? (a ?? h)({
-    rects: y,
-    activeNodeRect: Z,
-    activeIndex: v,
-    overIndex: b,
-    index: g
-  }) : null, w = N(v) && N(b) ? c({
-    id: o,
-    items: s,
-    activeIndex: v,
-    overIndex: b
-  }) : g, x = C == null ? void 0 : C.id, d = z({
-    activeId: x,
-    items: s,
-    newIndex: w,
-    containerId: p
-  }), ae = s !== d.current.items, K = r({
-    active: C,
-    containerId: p,
-    isDragging: L,
-    isSorting: I,
-    id: o,
-    index: g,
-    items: s,
-    newIndex: d.current.newIndex,
-    previousItems: d.current.items,
-    previousContainerId: d.current.containerId,
-    transition: l,
-    wasDragging: d.current.activeId != null
-  }), _ = Te({
-    disabled: !K,
-    index: g,
-    node: M,
-    rect: P
-  });
-  return E(() => {
-    I && d.current.newIndex !== w && (d.current.newIndex = w), p !== d.current.containerId && (d.current.containerId = p), s !== d.current.items && (d.current.items = s);
-  }, [I, w, p, s]), E(() => {
-    if (x === d.current.activeId)
-      return;
-    if (x != null && d.current.activeId == null) {
-      d.current.activeId = x;
-      return;
-    }
-    const ce = setTimeout(() => {
-      d.current.activeId = x;
-    }, 50);
-    return () => clearTimeout(ce);
-  }, [x]), {
-    active: C,
-    activeIndex: v,
-    attributes: ee,
-    data: R,
-    rect: P,
-    index: g,
-    newIndex: w,
-    items: s,
-    isOver: Q,
-    isSorting: I,
-    isDragging: L,
-    listeners: te,
-    node: M,
-    overIndex: b,
-    over: re,
-    setNodeRef: se,
-    setActivatorNodeRef: ne,
-    setDroppableNodeRef: X,
-    setDraggableNodeRef: q,
-    transform: _ ?? ie,
-    transition: de()
-  };
-  function de() {
-    if (
-      // Temporarily disable transitions for a single frame to set up derived transforms
-      _ || // Or to prevent items jumping to back to their "new" position when items change
-      ae && d.current.newIndex === g
-    )
-      return we;
-    if (!(F && !Ie(W) || !l) && (I || K))
-      return Y.Transition.toString({
-        ...l,
-        property: J
-      });
-  }
-}
-function Oe(e, r) {
-  var t, n;
-  return typeof e == "boolean" ? {
-    draggable: e,
-    // Backwards compatibility
-    droppable: !1
-  } : {
-    draggable: (t = e == null ? void 0 : e.draggable) != null ? t : r.draggable,
-    droppable: (n = e == null ? void 0 : e.droppable) != null ? n : r.droppable
-  };
+  return l(() => {
+    const e = window.matchMedia(t);
+    return n(), e.addListener ? e.addListener(n) : e.addEventListener("change", n), () => {
+      e.removeListener ? e.removeListener(n) : e.removeEventListener("change", n);
+    };
+  }, [t]), s;
+}
+function w(t) {
+  const [r, a] = u(!!t), o = f(() => {
+    a((s) => !s);
+  }, []);
+  return [r, o, a];
 }
-O.Down, O.Right, O.Up, O.Left;
 export {
-  _e as SortableContext,
-  $ as arrayMove,
-  Re as defaultAnimateLayoutChanges,
-  De as defaultNewIndexGetter,
-  j as rectSortingStrategy,
-  ze as useSortable
+  l as useIsomorphicLayoutEffect,
+  v as useMediaQuery,
+  w as useToggle
 };

package/index.es114.js

@@ -1,13 +1,20 @@
-import L from "./index.es194.js";
-const o = L("Close", [
+import t from "./index.es208.js";
+const V = t("SortingDown", [
   [
     "path",
     {
-      d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z",
-      key: "14hqpl"
+      d: "M2.25 15H8.25V13H2.25V15ZM2.25 3V5H18.75V3H2.25ZM2.25 10H12.75V8H2.25V10Z",
+      key: "1tb7my"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M21.75 16L20.2694 14.59L17.5503 17.17V8H15.4502V17.17L12.7306 14.59L11.25 16L16.5002 21L21.75 16Z",
+      key: "354fbf"
     }
   ]
 ]);
 export {
-  o as default
+  V as default
 };

package/index.es115.js

@@ -1,13 +1,20 @@
-import e from "./index.es194.js";
-const r = e("Refresh", [
+import t from "./index.es208.js";
+const o = t("SortingUp", [
   [
     "path",
     {
-      d: "M17.6449 6.35C16.1949 4.9 14.2049 4 11.9949 4C7.57488 4 4.00488 7.58 4.00488 12C4.00488 16.42 7.57488 20 11.9949 20C15.7249 20 18.8349 17.45 19.7249 14H17.6449C16.8249 16.33 14.6049 18 11.9949 18C8.68488 18 5.99488 15.31 5.99488 12C5.99488 8.69 8.68488 6 11.9949 6C13.6549 6 15.1349 6.69 16.2149 7.78L12.9949 11H19.9949V4L17.6449 6.35Z",
-      key: "1wsech"
+      d: "M2.25 9H8.25V11H2.25V9ZM2.25 21V19H18.75V21H2.25ZM2.25 14H12.75V16H2.25V14Z",
+      key: "k5y7ic"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M21.75 7.99997L20.2694 9.40998L17.5503 6.82997V16H15.4502V6.82997L12.7306 9.40998L11.25 7.99997L16.5002 2.99997L21.75 7.99997Z",
+      key: "iqstit"
     }
   ]
 ]);
 export {
-  r as default
+  o as default
 };

package/index.es116.js

@@ -1,13 +1,27 @@
-import H from "./index.es194.js";
-const e = H("AddBox", [
+import L from "./index.es208.js";
+const V = L("Sorting", [
   [
     "path",
     {
-      d: "M19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19ZM11 17H13V13H17V11H13V7H11V11H7V13H11V17Z",
-      key: "eelf3i"
+      d: "M8.98828 18H13.5088V16H8.98828V18ZM8.98828 6V8H22.5088V6H8.98828ZM8.98828 13H18.0088V11H8.98828V13Z",
+      key: "15hc6i"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M1.48828 6.53474L2.66784 7.66285L3.67913 6.8143V10.5H5.35225V6.8143L6.30873 7.66285L7.48828 6.53474L4.51569 3.75L1.48828 6.53474Z",
+      key: "4ia2qg"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M7.48828 17.4653L6.30873 16.3372L5.29744 17.1857V13.4998H3.62431L3.62431 17.1857L2.66784 16.3371L1.48828 17.4653L4.46087 20.25L7.48828 17.4653Z",
+      key: "1pdjgs"
     }
   ]
 ]);
 export {
-  e as default
+  V as default
 };