mada-design-system 0.2.4 → 0.2.5

package/index.es107.js

@@ -1,35 +1,324 @@
-import * as r from "react";
-import { flushSync as c } from "react-dom";
-import { observeElementRect as f, observeElementOffset as i, elementScroll as m, Virtualizer as d } from "./index.es176.js";
-import { defaultKeyExtractor as R, defaultRangeExtractor as g, measureElement as z } from "./index.es176.js";
-const a = typeof document < "u" ? r.useLayoutEffect : r.useEffect;
-function p(e) {
-  const n = r.useReducer(() => ({}), {})[1], o = {
-    ...e,
-    onChange: (l, u) => {
-      var s;
-      u ? c(n) : n(), (s = e.onChange) == null || s.call(e, l, u);
-    }
-  }, [t] = r.useState(
-    () => new d(o)
+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.es106.js";
+import { useUniqueId as ve, useIsomorphicLayoutEffect as V, useCombinedRefs as me, isKeyboardEvent as Ie, CSS as Y } from "./index.es175.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
+  }
+});
+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 t.setOptions(o), a(() => t._didMount(), []), a(() => t._willUpdate()), t;
-}
-function h(e) {
-  return p({
-    observeElementRect: f,
-    observeElementOffset: i,
-    scrollToFn: m,
-    ...e
+  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
+  };
 }
+O.Down, O.Right, O.Up, O.Left;
 export {
-  d as Virtualizer,
-  R as defaultKeyExtractor,
-  g as defaultRangeExtractor,
-  m as elementScroll,
-  z as measureElement,
-  i as observeElementOffset,
-  f as observeElementRect,
-  h as useVirtualizer
+  _e as SortableContext,
+  $ as arrayMove,
+  Re as defaultAnimateLayoutChanges,
+  De as defaultNewIndexGetter,
+  j as rectSortingStrategy,
+  ze as useSortable
 };

package/index.es108.js

@@ -1,40 +1,13 @@
-import { jsx as n, jsxs as s } from "react/jsx-runtime";
-import * as r from "react";
-import { cn as i } from "./index.es79.js";
-import { strings as l } from "./index.es91.js";
-import c from "./index.es109.js";
-import d from "./index.es110.js";
-const N = ({ className: e, ...a }) => /* @__PURE__ */ n("nav", { role: "navigation", "aria-label": "pagination", className: i("mx-auto flex w-full justify-center", e), ...a }), m = r.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ n("ul", { ref: t, className: i("flex flex-row items-center gap-space-02", e), ...a }));
-m.displayName = "PaginationContent";
-const p = r.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ n("li", { ref: t, className: i("", e), ...a }));
-p.displayName = "PaginationItem";
-const o = ({ className: e, isActive: a, ...t }) => /* @__PURE__ */ n(
-  "button",
-  {
-    "aria-current": a ? "page" : void 0,
-    className: i(
-      "relative flex h-space-05 min-w-space-05 items-center justify-center gap-space-01 rounded text-body-01 text-text-default hover:bg-background-neutral-100 disabled:text-disabled-text-default-disabled disabled:pointer-events-none ",
-      `${a && "after:absolute after:bottom-0 after:h-[3px] after:w-full after:rounded-full after:bg-background-primary"}`,
-      e
-    ),
-    ...t
-  }
-);
-o.displayName = "PaginationLink";
-const f = ({ className: e, hasText: a, ...t }) => /* @__PURE__ */ s(o, { "aria-label": "Go to previous page", size: "default", className: i("px-space-01", e), ...t, children: [
-  /* @__PURE__ */ n(c, { className: "h-space-05 w-space-05 ltr:rotate-180" }),
-  a && /* @__PURE__ */ n("span", { className: "hidden sm:inline-block", children: l.Shared.previous })
-] });
-f.displayName = "PaginationPrevious";
-const P = ({ className: e, hasText: a, ...t }) => /* @__PURE__ */ s(o, { "aria-label": "Go to next page", size: "default", className: i("px-space-01", e), ...t, children: [
-  a && /* @__PURE__ */ n("span", { className: "hidden sm:inline-block", children: l.Shared.next }),
-  /* @__PURE__ */ n(d, { className: "h-space-05 w-space-05 ltr:rotate-180" })
-] });
+import L from "./index.es187.js";
+const o = L("Close", [
+  [
+    "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"
+    }
+  ]
+]);
 export {
-  N as Pagination,
-  m as PaginationContent,
-  p as PaginationItem,
-  o as PaginationLink,
-  P as PaginationNext,
-  f as PaginationPrevious
+  o as default
 };

package/index.es109.js

@@ -1,13 +1,13 @@
-import t from "./index.es174.js";
-const o = t("ChevronRight", [
+import e from "./index.es187.js";
+const r = e("Refresh", [
   [
     "path",
     {
-      d: "M9.70492 6L8.29492 7.41L12.8749 12L8.29492 16.59L9.70492 18L15.7049 12L9.70492 6Z",
-      key: "xcu7tv"
+      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"
     }
   ]
 ]);
 export {
-  o as default
+  r as default
 };

package/index.es110.js

@@ -1,13 +1,13 @@
-import e from "./index.es174.js";
-const L = e("ChevronLeft", [
+import H from "./index.es187.js";
+const e = H("AddBox", [
   [
     "path",
     {
-      d: "M15.7049 7.41L14.2949 6L8.29492 12L14.2949 18L15.7049 16.59L11.1249 12L15.7049 7.41Z",
-      key: "2nwmtn"
+      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"
     }
   ]
 ]);
 export {
-  L as default
+  e as default
 };

package/index.es111.js

@@ -1,13 +1,10 @@
-import C from "./index.es174.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"
-    }
-  ]
+import H from "./index.es187.js";
+const t = H("DashboardCustomize", [
+  ["path", { d: "M3 11H11V3H3V11ZM5 5H9V9H5V5Z", key: "1w78ug" }],
+  ["path", { d: "M13 3V11H21V3H13ZM19 9H15V5H19V9Z", key: "tprguu" }],
+  ["path", { d: "M3 21H11V13H3V21ZM5 15H9V19H5V15Z", key: "3xlfiv" }],
+  ["path", { d: "M18 13H16V16H13V18H16V21H18V18H21V16H18V13Z", key: "lwgil4" }]
 ]);
 export {
-  r as default
+  t as default
 };

package/index.es112.js

@@ -1,13 +1,35 @@
-import C from "./index.es174.js";
-const a = C("DragIndicator", [
-  [
-    "path",
-    {
-      d: "M11 18C11 19.1 10.1 20 9 20C7.9 20 7 19.1 7 18C7 16.9 7.9 16 9 16C10.1 16 11 16.9 11 18ZM9 10C7.9 10 7 10.9 7 12C7 13.1 7.9 14 9 14C10.1 14 11 13.1 11 12C11 10.9 10.1 10 9 10ZM9 4C7.9 4 7 4.9 7 6C7 7.1 7.9 8 9 8C10.1 8 11 7.1 11 6C11 4.9 10.1 4 9 4ZM15 8C16.1 8 17 7.1 17 6C17 4.9 16.1 4 15 4C13.9 4 13 4.9 13 6C13 7.1 13.9 8 15 8ZM15 10C13.9 10 13 10.9 13 12C13 13.1 13.9 14 15 14C16.1 14 17 13.1 17 12C17 10.9 16.1 10 15 10ZM15 16C13.9 16 13 16.9 13 18C13 19.1 13.9 20 15 20C16.1 20 17 19.1 17 18C17 16.9 16.1 16 15 16Z",
-      key: "l6hb9t"
+import * as r from "react";
+import { flushSync as c } from "react-dom";
+import { observeElementRect as f, observeElementOffset as i, elementScroll as m, Virtualizer as d } from "./index.es189.js";
+import { defaultKeyExtractor as R, defaultRangeExtractor as g, measureElement as z } from "./index.es189.js";
+const a = typeof document < "u" ? r.useLayoutEffect : r.useEffect;
+function p(e) {
+  const n = r.useReducer(() => ({}), {})[1], o = {
+    ...e,
+    onChange: (l, u) => {
+      var s;
+      u ? c(n) : n(), (s = e.onChange) == null || s.call(e, l, u);
     }
-  ]
-]);
+  }, [t] = r.useState(
+    () => new d(o)
+  );
+  return t.setOptions(o), a(() => t._didMount(), []), a(() => t._willUpdate()), t;
+}
+function h(e) {
+  return p({
+    observeElementRect: f,
+    observeElementOffset: i,
+    scrollToFn: m,
+    ...e
+  });
+}
 export {
-  a as default
+  d as Virtualizer,
+  R as defaultKeyExtractor,
+  g as defaultRangeExtractor,
+  m as elementScroll,
+  z as measureElement,
+  i as observeElementOffset,
+  f as observeElementRect,
+  h as useVirtualizer
 };

package/index.es113.js

@@ -1,13 +1,40 @@
-import L from "./index.es174.js";
-const e = L("Cancel", [
-  [
-    "path",
-    {
-      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 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM15.59 7L12 10.59L8.41 7L7 8.41L10.59 12L7 15.59L8.41 17L12 13.41L15.59 17L17 15.59L13.41 12L17 8.41L15.59 7Z",
-      key: "1i7kw4"
-    }
-  ]
-]);
+import { jsx as n, jsxs as s } from "react/jsx-runtime";
+import * as r from "react";
+import { cn as i } from "./index.es79.js";
+import { strings as l } from "./index.es91.js";
+import c from "./index.es114.js";
+import d from "./index.es115.js";
+const N = ({ className: e, ...a }) => /* @__PURE__ */ n("nav", { role: "navigation", "aria-label": "pagination", className: i("mx-auto flex w-full justify-center", e), ...a }), m = r.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ n("ul", { ref: t, className: i("flex flex-row items-center gap-space-02", e), ...a }));
+m.displayName = "PaginationContent";
+const p = r.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ n("li", { ref: t, className: i("", e), ...a }));
+p.displayName = "PaginationItem";
+const o = ({ className: e, isActive: a, ...t }) => /* @__PURE__ */ n(
+  "button",
+  {
+    "aria-current": a ? "page" : void 0,
+    className: i(
+      "relative flex h-space-05 min-w-space-05 items-center justify-center gap-space-01 rounded text-body-01 text-text-default hover:bg-background-neutral-100 disabled:text-disabled-text-default-disabled disabled:pointer-events-none ",
+      `${a && "after:absolute after:bottom-0 after:h-[3px] after:w-full after:rounded-full after:bg-background-primary"}`,
+      e
+    ),
+    ...t
+  }
+);
+o.displayName = "PaginationLink";
+const f = ({ className: e, hasText: a, ...t }) => /* @__PURE__ */ s(o, { "aria-label": "Go to previous page", size: "default", className: i("px-space-01", e), ...t, children: [
+  /* @__PURE__ */ n(c, { className: "h-space-05 w-space-05 ltr:rotate-180" }),
+  a && /* @__PURE__ */ n("span", { className: "hidden sm:inline-block", children: l.Shared.previous })
+] });
+f.displayName = "PaginationPrevious";
+const P = ({ className: e, hasText: a, ...t }) => /* @__PURE__ */ s(o, { "aria-label": "Go to next page", size: "default", className: i("px-space-01", e), ...t, children: [
+  a && /* @__PURE__ */ n("span", { className: "hidden sm:inline-block", children: l.Shared.next }),
+  /* @__PURE__ */ n(d, { className: "h-space-05 w-space-05 ltr:rotate-180" })
+] });
 export {
-  e as default
+  N as Pagination,
+  m as PaginationContent,
+  p as PaginationItem,
+  o as PaginationLink,
+  P as PaginationNext,
+  f as PaginationPrevious
 };