mada-design-system 0.3.0 → 0.4.0

package/index.es173.js

@@ -1,482 +1,141 @@
-import { debounce as O, memo as d, notUndefined as f, approxEqual as M } from "./index.es177.js";
-const z = (r) => r, y = (r) => {
-  const a = Math.max(r.startIndex - r.overscan, 0), t = Math.min(r.endIndex + r.overscan, r.count - 1), s = [];
-  for (let e = a; e <= t; e++)
-    s.push(e);
-  return s;
-}, R = (r, a) => {
-  const t = r.scrollElement;
-  if (!t)
-    return;
-  const s = r.targetWindow;
-  if (!s)
-    return;
-  const e = (n) => {
-    const { width: o, height: l } = n;
-    a({ width: Math.round(o), height: Math.round(l) });
-  };
-  if (e(t.getBoundingClientRect()), !s.ResizeObserver)
-    return () => {
-    };
-  const i = new s.ResizeObserver((n) => {
-    const o = () => {
-      const l = n[0];
-      if (l != null && l.borderBoxSize) {
-        const c = l.borderBoxSize[0];
-        if (c) {
-          e({ width: c.inlineSize, height: c.blockSize });
-          return;
-        }
-      }
-      e(t.getBoundingClientRect());
+const y = /* @__PURE__ */ new Map(), v = (d) => {
+  const l = y.get(d);
+  return l ? Object.fromEntries(
+    Object.entries(l.stores).map(([i, c]) => [i, c.getState()])
+  ) : {};
+}, O = (d, l, i) => {
+  if (d === void 0)
+    return {
+      type: "untracked",
+      connection: l.connect(i)
     };
-    r.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(o) : o();
-  });
-  return i.observe(t, { box: "border-box" }), () => {
-    i.unobserve(t);
-  };
-}, b = {
-  passive: !0
-}, E = typeof window > "u" ? !0 : "onscrollend" in window, _ = (r, a) => {
-  const t = r.scrollElement;
-  if (!t)
-    return;
-  const s = r.targetWindow;
-  if (!s)
-    return;
-  let e = 0;
-  const i = r.options.useScrollendEvent && E ? () => {
-  } : O(
-    s,
-    () => {
-      a(e, !1);
-    },
-    r.options.isScrollingResetDelay
-  ), n = (h) => () => {
-    const { horizontal: m, isRtl: u } = r.options;
-    e = m ? t.scrollLeft * (u && -1 || 1) : t.scrollTop, i(), a(e, h);
-  }, o = n(!0), l = n(!1);
-  l(), t.addEventListener("scroll", o, b);
-  const c = r.options.useScrollendEvent && E;
-  return c && t.addEventListener("scrollend", l, b), () => {
-    t.removeEventListener("scroll", o), c && t.removeEventListener("scrollend", l);
+  const c = y.get(i.name);
+  if (c)
+    return { type: "tracked", store: d, ...c };
+  const n = {
+    connection: l.connect(i),
+    stores: {}
   };
-}, w = (r, a, t) => {
-  if (a != null && a.borderBoxSize) {
-    const s = a.borderBoxSize[0];
-    if (s)
-      return Math.round(
-        s[t.options.horizontal ? "inlineSize" : "blockSize"]
-      );
+  return y.set(i.name, n), { type: "tracked", store: d, ...n };
+}, R = (d, l = {}) => (i, c, n) => {
+  const { enabled: A, anonymousActionType: C, store: r, ...p } = l;
+  let E;
+  try {
+    E = (A ?? !1) && window.__REDUX_DEVTOOLS_EXTENSION__;
+  } catch {
   }
-  return Math.round(
-    r.getBoundingClientRect()[t.options.horizontal ? "width" : "height"]
-  );
-}, A = (r, {
-  adjustments: a = 0,
-  behavior: t
-}, s) => {
-  var e, i;
-  const n = r + a;
-  (i = (e = s.scrollElement) == null ? void 0 : e.scrollTo) == null || i.call(e, {
-    [s.options.horizontal ? "left" : "top"]: n,
-    behavior: t
-  });
-};
-class N {
-  constructor(a) {
-    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollToIndexTimeoutId = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.observer = /* @__PURE__ */ (() => {
-      let t = null;
-      const s = () => t || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : t = new this.targetWindow.ResizeObserver((e) => {
-        e.forEach((i) => {
-          const n = () => {
-            this._measureElement(i.target, i);
-          };
-          this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(n) : n();
-        });
-      }));
-      return {
-        disconnect: () => {
-          var e;
-          (e = s()) == null || e.disconnect(), t = null;
-        },
-        observe: (e) => {
-          var i;
-          return (i = s()) == null ? void 0 : i.observe(e, { box: "border-box" });
-        },
-        unobserve: (e) => {
-          var i;
-          return (i = s()) == null ? void 0 : i.unobserve(e);
-        }
-      };
-    })(), this.range = null, this.setOptions = (t) => {
-      Object.entries(t).forEach(([s, e]) => {
-        typeof e > "u" && delete t[s];
-      }), this.options = {
-        debug: !1,
-        initialOffset: 0,
-        overscan: 1,
-        paddingStart: 0,
-        paddingEnd: 0,
-        scrollPaddingStart: 0,
-        scrollPaddingEnd: 0,
-        horizontal: !1,
-        getItemKey: z,
-        rangeExtractor: y,
-        onChange: () => {
-        },
-        measureElement: w,
-        initialRect: { width: 0, height: 0 },
-        scrollMargin: 0,
-        gap: 0,
-        indexAttribute: "data-index",
-        initialMeasurementsCache: [],
-        lanes: 1,
-        isScrollingResetDelay: 150,
-        enabled: !0,
-        isRtl: !1,
-        useScrollendEvent: !1,
-        useAnimationFrameWithResizeObserver: !1,
-        ...t
-      };
-    }, this.notify = (t) => {
-      var s, e;
-      (e = (s = this.options).onChange) == null || e.call(s, this, t);
-    }, this.maybeNotify = d(
-      () => (this.calculateRange(), [
-        this.isScrolling,
-        this.range ? this.range.startIndex : null,
-        this.range ? this.range.endIndex : null
-      ]),
-      (t) => {
-        this.notify(t);
-      },
+  if (!E)
+    return d(i, c, n);
+  const { connection: t, ...f } = O(r, E, p);
+  let _ = !0;
+  n.setState = (o, a, e) => {
+    const s = i(o, a);
+    if (!_)
+      return s;
+    const T = e === void 0 ? { type: C || "anonymous" } : typeof e == "string" ? { type: e } : e;
+    return r === void 0 ? (t == null || t.send(T, c()), s) : (t == null || t.send(
       {
-        key: process.env.NODE_ENV !== "production" && "maybeNotify",
-        debug: () => this.options.debug,
-        initialDeps: [
-          this.isScrolling,
-          this.range ? this.range.startIndex : null,
-          this.range ? this.range.endIndex : null
-        ]
-      }
-    ), this.cleanup = () => {
-      this.unsubs.filter(Boolean).forEach((t) => t()), this.unsubs = [], this.observer.disconnect(), this.scrollElement = null, this.targetWindow = null;
-    }, this._didMount = () => () => {
-      this.cleanup();
-    }, this._willUpdate = () => {
-      var t;
-      const s = this.options.enabled ? this.options.getScrollElement() : null;
-      if (this.scrollElement !== s) {
-        if (this.cleanup(), !s) {
-          this.maybeNotify();
-          return;
-        }
-        this.scrollElement = s, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = ((t = this.scrollElement) == null ? void 0 : t.window) ?? null, this.elementsCache.forEach((e) => {
-          this.observer.observe(e);
-        }), this._scrollToOffset(this.getScrollOffset(), {
-          adjustments: void 0,
-          behavior: void 0
-        }), this.unsubs.push(
-          this.options.observeElementRect(this, (e) => {
-            this.scrollRect = e, this.maybeNotify();
-          })
-        ), this.unsubs.push(
-          this.options.observeElementOffset(this, (e, i) => {
-            this.scrollAdjustments = 0, this.scrollDirection = i ? this.getScrollOffset() < e ? "forward" : "backward" : null, this.scrollOffset = e, this.isScrolling = i, this.maybeNotify();
-          })
-        );
-      }
-    }, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (t, s) => {
-      const e = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
-      for (let n = s - 1; n >= 0; n--) {
-        const o = t[n];
-        if (e.has(o.lane))
-          continue;
-        const l = i.get(
-          o.lane
-        );
-        if (l == null || o.end > l.end ? i.set(o.lane, o) : o.end < l.end && e.set(o.lane, !0), e.size === this.options.lanes)
-          break;
-      }
-      return i.size === this.options.lanes ? Array.from(i.values()).sort((n, o) => n.end === o.end ? n.index - o.index : n.end - o.end)[0] : void 0;
-    }, this.getMeasurementOptions = d(
-      () => [
-        this.options.count,
-        this.options.paddingStart,
-        this.options.scrollMargin,
-        this.options.getItemKey,
-        this.options.enabled
-      ],
-      (t, s, e, i, n) => (this.pendingMeasuredCacheIndexes = [], {
-        count: t,
-        paddingStart: s,
-        scrollMargin: e,
-        getItemKey: i,
-        enabled: n
-      }),
-      {
-        key: !1
-      }
-    ), this.getMeasurements = d(
-      () => [this.getMeasurementOptions(), this.itemSizeCache],
-      ({ count: t, paddingStart: s, scrollMargin: e, getItemKey: i, enabled: n }, o) => {
-        if (!n)
-          return this.measurementsCache = [], this.itemSizeCache.clear(), [];
-        this.measurementsCache.length === 0 && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((h) => {
-          this.itemSizeCache.set(h.key, h.size);
-        }));
-        const l = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
-        this.pendingMeasuredCacheIndexes = [];
-        const c = this.measurementsCache.slice(0, l);
-        for (let h = l; h < t; h++) {
-          const m = i(h), u = this.options.lanes === 1 ? c[h - 1] : this.getFurthestMeasurement(c, h), g = u ? u.end + this.options.gap : s + e, p = o.get(m), v = typeof p == "number" ? p : this.options.estimateSize(h), S = g + v, I = u ? u.lane : h % this.options.lanes;
-          c[h] = {
-            index: h,
-            start: g,
-            size: v,
-            end: S,
-            key: m,
-            lane: I
-          };
-        }
-        return this.measurementsCache = c, c;
-      },
-      {
-        key: process.env.NODE_ENV !== "production" && "getMeasurements",
-        debug: () => this.options.debug
-      }
-    ), this.calculateRange = d(
-      () => [
-        this.getMeasurements(),
-        this.getSize(),
-        this.getScrollOffset(),
-        this.options.lanes
-      ],
-      (t, s, e, i) => this.range = t.length > 0 && s > 0 ? C({
-        measurements: t,
-        outerSize: s,
-        scrollOffset: e,
-        lanes: i
-      }) : null,
-      {
-        key: process.env.NODE_ENV !== "production" && "calculateRange",
-        debug: () => this.options.debug
-      }
-    ), this.getVirtualIndexes = d(
-      () => {
-        let t = null, s = null;
-        const e = this.calculateRange();
-        return e && (t = e.startIndex, s = e.endIndex), this.maybeNotify.updateDeps([this.isScrolling, t, s]), [
-          this.options.rangeExtractor,
-          this.options.overscan,
-          this.options.count,
-          t,
-          s
-        ];
+        ...T,
+        type: `${r}/${T.type}`
       },
-      (t, s, e, i, n) => i === null || n === null ? [] : t({
-        startIndex: i,
-        endIndex: n,
-        overscan: s,
-        count: e
-      }),
       {
-        key: process.env.NODE_ENV !== "production" && "getVirtualIndexes",
-        debug: () => this.options.debug
+        ...v(p.name),
+        [r]: n.getState()
       }
-    ), this.indexFromElement = (t) => {
-      const s = this.options.indexAttribute, e = t.getAttribute(s);
-      return e ? parseInt(e, 10) : -1;
-    }, this._measureElement = (t, s) => {
-      const e = this.indexFromElement(t), i = this.measurementsCache[e];
-      if (!i)
-        return;
-      const n = i.key, o = this.elementsCache.get(n);
-      o !== t && (o && this.observer.unobserve(o), this.observer.observe(t), this.elementsCache.set(n, t)), t.isConnected && this.resizeItem(e, this.options.measureElement(t, s, this));
-    }, this.resizeItem = (t, s) => {
-      const e = this.measurementsCache[t];
-      if (!e)
-        return;
-      const i = this.itemSizeCache.get(e.key) ?? e.size, n = s - i;
-      n !== 0 && ((this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(e, n, this) : e.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug, this._scrollToOffset(this.getScrollOffset(), {
-        adjustments: this.scrollAdjustments += n,
-        behavior: void 0
-      })), this.pendingMeasuredCacheIndexes.push(e.index), this.itemSizeCache = new Map(this.itemSizeCache.set(e.key, s)), this.notify(!1));
-    }, this.measureElement = (t) => {
-      if (!t) {
-        this.elementsCache.forEach((s, e) => {
-          s.isConnected || (this.observer.unobserve(s), this.elementsCache.delete(e));
-        });
-        return;
-      }
-      this._measureElement(t, void 0);
-    }, this.getVirtualItems = d(
-      () => [this.getVirtualIndexes(), this.getMeasurements()],
-      (t, s) => {
-        const e = [];
-        for (let i = 0, n = t.length; i < n; i++) {
-          const o = t[i], l = s[o];
-          e.push(l);
-        }
-        return e;
-      },
-      {
-        key: process.env.NODE_ENV !== "production" && "getVirtualItems",
-        debug: () => this.options.debug
-      }
-    ), this.getVirtualItemForOffset = (t) => {
-      const s = this.getMeasurements();
-      if (s.length !== 0)
-        return f(
-          s[x(
-            0,
-            s.length - 1,
-            (e) => f(s[e]).start,
-            t
-          )]
+    ), s);
+  };
+  const u = (...o) => {
+    const a = _;
+    _ = !1, i(...o), _ = a;
+  }, S = d(n.setState, c, n);
+  if (f.type === "untracked" ? t == null || t.init(S) : (f.stores[f.store] = n, t == null || t.init(
+    Object.fromEntries(
+      Object.entries(f.stores).map(([o, a]) => [
+        o,
+        o === f.store ? S : a.getState()
+      ])
+    )
+  )), n.dispatchFromDevtools && typeof n.dispatch == "function") {
+    let o = !1;
+    const a = n.dispatch;
+    n.dispatch = (...e) => {
+      a(...e);
+    };
+  }
+  return t.subscribe((o) => {
+    var a;
+    switch (o.type) {
+      case "ACTION":
+        return typeof o.payload != "string" ? void 0 : I(
+          o.payload,
+          (e) => {
+            if (e.type === "__setState") {
+              if (r === void 0) {
+                u(e.state);
+                return;
+              }
+              Object.keys(e.state).length;
+              const s = e.state[r];
+              if (s == null)
+                return;
+              JSON.stringify(n.getState()) !== JSON.stringify(s) && u(s);
+              return;
+            }
+            n.dispatchFromDevtools && typeof n.dispatch == "function" && n.dispatch(e);
+          }
         );
-    }, this.getOffsetForAlignment = (t, s, e = 0) => {
-      const i = this.getSize(), n = this.getScrollOffset();
-      s === "auto" && (s = t >= n + i ? "end" : "start"), s === "center" ? t += (e - i) / 2 : s === "end" && (t -= i);
-      const o = this.options.horizontal ? "scrollWidth" : "scrollHeight", c = (this.scrollElement ? "document" in this.scrollElement ? this.scrollElement.document.documentElement[o] : this.scrollElement[o] : 0) - i;
-      return Math.max(Math.min(c, t), 0);
-    }, this.getOffsetForIndex = (t, s = "auto") => {
-      t = Math.max(0, Math.min(t, this.options.count - 1));
-      const e = this.measurementsCache[t];
-      if (!e)
-        return;
-      const i = this.getSize(), n = this.getScrollOffset();
-      if (s === "auto")
-        if (e.end >= n + i - this.options.scrollPaddingEnd)
-          s = "end";
-        else if (e.start <= n + this.options.scrollPaddingStart)
-          s = "start";
-        else
-          return [n, s];
-      const o = s === "end" ? e.end + this.options.scrollPaddingEnd : e.start - this.options.scrollPaddingStart;
-      return [
-        this.getOffsetForAlignment(o, s, e.size),
-        s
-      ];
-    }, this.isDynamicMode = () => this.elementsCache.size > 0, this.cancelScrollToIndex = () => {
-      this.scrollToIndexTimeoutId !== null && this.targetWindow && (this.targetWindow.clearTimeout(this.scrollToIndexTimeoutId), this.scrollToIndexTimeoutId = null);
-    }, this.scrollToOffset = (t, { align: s = "start", behavior: e } = {}) => {
-      this.cancelScrollToIndex(), e === "smooth" && this.isDynamicMode(), this._scrollToOffset(this.getOffsetForAlignment(t, s), {
-        adjustments: void 0,
-        behavior: e
-      });
-    }, this.scrollToIndex = (t, { align: s = "auto", behavior: e } = {}) => {
-      t = Math.max(0, Math.min(t, this.options.count - 1)), this.cancelScrollToIndex(), e === "smooth" && this.isDynamicMode();
-      const i = this.getOffsetForIndex(t, s);
-      if (!i)
-        return;
-      const [n, o] = i;
-      this._scrollToOffset(n, { adjustments: void 0, behavior: e }), e !== "smooth" && this.isDynamicMode() && this.targetWindow && (this.scrollToIndexTimeoutId = this.targetWindow.setTimeout(() => {
-        if (this.scrollToIndexTimeoutId = null, this.elementsCache.has(
-          this.options.getItemKey(t)
-        )) {
-          const [c] = f(
-            this.getOffsetForIndex(t, o)
-          );
-          M(c, this.getScrollOffset()) || this.scrollToIndex(t, { align: o, behavior: e });
-        } else
-          this.scrollToIndex(t, { align: o, behavior: e });
-      }));
-    }, this.scrollBy = (t, { behavior: s } = {}) => {
-      this.cancelScrollToIndex(), s === "smooth" && this.isDynamicMode(), this._scrollToOffset(this.getScrollOffset() + t, {
-        adjustments: void 0,
-        behavior: s
-      });
-    }, this.getTotalSize = () => {
-      var t;
-      const s = this.getMeasurements();
-      let e;
-      if (s.length === 0)
-        e = this.options.paddingStart;
-      else if (this.options.lanes === 1)
-        e = ((t = s[s.length - 1]) == null ? void 0 : t.end) ?? 0;
-      else {
-        const i = Array(this.options.lanes).fill(null);
-        let n = s.length - 1;
-        for (; n >= 0 && i.some((o) => o === null); ) {
-          const o = s[n];
-          i[o.lane] === null && (i[o.lane] = o.end), n--;
+      case "DISPATCH":
+        switch (o.payload.type) {
+          case "RESET":
+            return u(S), r === void 0 ? t == null ? void 0 : t.init(n.getState()) : t == null ? void 0 : t.init(v(p.name));
+          case "COMMIT":
+            if (r === void 0) {
+              t == null || t.init(n.getState());
+              return;
+            }
+            return t == null ? void 0 : t.init(v(p.name));
+          case "ROLLBACK":
+            return I(o.state, (e) => {
+              if (r === void 0) {
+                u(e), t == null || t.init(n.getState());
+                return;
+              }
+              u(e[r]), t == null || t.init(v(p.name));
+            });
+          case "JUMP_TO_STATE":
+          case "JUMP_TO_ACTION":
+            return I(o.state, (e) => {
+              if (r === void 0) {
+                u(e);
+                return;
+              }
+              JSON.stringify(n.getState()) !== JSON.stringify(e[r]) && u(e[r]);
+            });
+          case "IMPORT_STATE": {
+            const { nextLiftedState: e } = o.payload, s = (a = e.computedStates.slice(-1)[0]) == null ? void 0 : a.state;
+            if (!s)
+              return;
+            u(r === void 0 ? s : s[r]), t == null || t.send(
+              null,
+              // FIXME no-any
+              e
+            );
+            return;
+          }
+          case "PAUSE_RECORDING":
+            return _ = !_;
         }
-        e = Math.max(...i.filter((o) => o !== null));
-      }
-      return Math.max(
-        e - this.options.scrollMargin + this.options.paddingEnd,
-        0
-      );
-    }, this._scrollToOffset = (t, {
-      adjustments: s,
-      behavior: e
-    }) => {
-      this.options.scrollToFn(t, { behavior: e, adjustments: s }, this);
-    }, this.measure = () => {
-      this.itemSizeCache = /* @__PURE__ */ new Map(), this.notify(!1);
-    }, this.setOptions(a);
-  }
-}
-const x = (r, a, t, s) => {
-  for (; r <= a; ) {
-    const e = (r + a) / 2 | 0, i = t(e);
-    if (i < s)
-      r = e + 1;
-    else if (i > s)
-      a = e - 1;
-    else
-      return e;
-  }
-  return r > 0 ? r - 1 : 0;
-};
-function C({
-  measurements: r,
-  outerSize: a,
-  scrollOffset: t,
-  lanes: s
-}) {
-  const e = r.length - 1, i = (l) => r[l].start;
-  if (r.length <= s)
-    return {
-      startIndex: 0,
-      endIndex: e
-    };
-  let n = x(
-    0,
-    e,
-    i,
-    t
-  ), o = n;
-  if (s === 1)
-    for (; o < e && r[o].end < t + a; )
-      o++;
-  else if (s > 1) {
-    const l = Array(s).fill(0);
-    for (; o < e && l.some((h) => h < t + a); ) {
-      const h = r[o];
-      l[h.lane] = h.end, o++;
-    }
-    const c = Array(s).fill(t + a);
-    for (; n >= 0 && c.some((h) => h >= t); ) {
-      const h = r[n];
-      c[h.lane] = h.start, n--;
+        return;
     }
-    n = Math.max(0, n - n % s), o = Math.min(e, o + (s - 1 - o % s));
+  }), S;
+}, h = R, I = (d, l) => {
+  let i;
+  try {
+    i = JSON.parse(d);
+  } catch {
   }
-  return { startIndex: n, endIndex: o };
-}
+  i !== void 0 && l(i);
+};
 export {
-  N as Virtualizer,
-  M as approxEqual,
-  O as debounce,
-  z as defaultKeyExtractor,
-  y as defaultRangeExtractor,
-  A as elementScroll,
-  w as measureElement,
-  d as memo,
-  f as notUndefined,
-  _ as observeElementOffset,
-  R as observeElementRect
+  h as devtools
 };