@epilot/volt-ui 1.1.2-alpha.1 → 1.1.2-alpha.3

package/dist/index.es94.js

@@ -1,130 +1,112 @@
-const j = ["top", "right", "bottom", "left"], m = Math.min, p = Math.max, C = Math.round, L = Math.floor, E = (t) => ({
-  x: t,
-  y: t
-}), h = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-}, x = {
-  start: "end",
-  end: "start"
-};
-function R(t, e, n) {
-  return p(t, m(e, n));
-}
-function T(t, e) {
-  return typeof t == "function" ? t(e) : t;
-}
-function g(t) {
-  return t.split("-")[0];
-}
-function a(t) {
-  return t.split("-")[1];
-}
-function b(t) {
-  return t === "x" ? "y" : "x";
-}
-function d(t) {
-  return t === "y" ? "height" : "width";
-}
-const A = /* @__PURE__ */ new Set(["top", "bottom"]);
-function P(t) {
-  return A.has(g(t)) ? "y" : "x";
-}
-function y(t) {
-  return b(P(t));
-}
-function k(t, e, n) {
-  n === void 0 && (n = !1);
-  const r = a(t), i = y(t), o = d(i);
-  let c = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
-  return e.reference[o] > e.floating[o] && (c = f(c)), [c, f(c)];
-}
-function q(t) {
-  const e = f(t);
-  return [s(t), e, s(e)];
-}
-function s(t) {
-  return t.replace(/start|end/g, (e) => x[e]);
-}
-const u = ["left", "right"], l = ["right", "left"], M = ["top", "bottom"], O = ["bottom", "top"];
-function S(t, e, n) {
-  switch (t) {
-    case "top":
-    case "bottom":
-      return n ? e ? l : u : e ? u : l;
-    case "left":
-    case "right":
-      return e ? M : O;
-    default:
-      return [];
-  }
-}
-function z(t, e, n, r) {
-  const i = a(t);
-  let o = S(g(t), n === "start", r);
-  return i && (o = o.map((c) => c + "-" + i), e && (o = o.concat(o.map(s)))), o;
-}
-function f(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => h[e]);
-}
-function w(t) {
-  return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    ...t
-  };
-}
-function B(t) {
-  return typeof t != "number" ? w(t) : {
-    top: t,
-    right: t,
-    bottom: t,
-    left: t
-  };
-}
-function D(t) {
-  const {
-    x: e,
-    y: n,
-    width: r,
-    height: i
-  } = t;
-  return {
-    width: r,
-    height: i,
-    top: n,
-    left: e,
-    right: e + r,
-    bottom: n + i,
-    x: e,
-    y: n
-  };
+import { __spreadArray as x } from "./index.es85.js";
+import * as n from "react";
+import { RemoveScrollBar as A } from "./index.es97.js";
+import { styleSingleton as I } from "./index.es98.js";
+import { nonPassive as s } from "./index.es99.js";
+import { locationCouldBeScrolled as T, handleScroll as W } from "./index.es100.js";
+var b = function(t) {
+  return "changedTouches" in t ? [t.changedTouches[0].clientX, t.changedTouches[0].clientY] : [0, 0];
+}, Y = function(t) {
+  return [t.deltaX, t.deltaY];
+}, B = function(t) {
+  return t && "current" in t ? t.current : t;
+}, F = function(t, c) {
+  return t[0] === c[0] && t[1] === c[1];
+}, K = function(t) {
+  return `
+  .block-interactivity-`.concat(t, ` {pointer-events: none;}
+  .allow-interactivity-`).concat(t, ` {pointer-events: all;}
+`);
+}, O = 0, f = [];
+function G(t) {
+  var c = n.useRef([]), E = n.useRef([0, 0]), d = n.useRef(), h = n.useState(O++)[0], m = n.useState(I)[0], g = n.useRef(t);
+  n.useEffect(function() {
+    g.current = t;
+  }, [t]), n.useEffect(function() {
+    if (t.inert) {
+      document.body.classList.add("block-interactivity-".concat(h));
+      var e = x([t.lockRef.current], (t.shards || []).map(B), !0).filter(Boolean);
+      return e.forEach(function(r) {
+        return r.classList.add("allow-interactivity-".concat(h));
+      }), function() {
+        document.body.classList.remove("block-interactivity-".concat(h)), e.forEach(function(r) {
+          return r.classList.remove("allow-interactivity-".concat(h));
+        });
+      };
+    }
+  }, [t.inert, t.lockRef.current, t.shards]);
+  var k = n.useCallback(function(e, r) {
+    if ("touches" in e && e.touches.length === 2 || e.type === "wheel" && e.ctrlKey)
+      return !g.current.allowPinchZoom;
+    var l = b(e), o = E.current, u = "deltaX" in e ? e.deltaX : o[0] - l[0], i = "deltaY" in e ? e.deltaY : o[1] - l[1], a, C = e.target, v = Math.abs(u) > Math.abs(i) ? "h" : "v";
+    if ("touches" in e && v === "h" && C.type === "range")
+      return !1;
+    var y = T(v, C);
+    if (!y)
+      return !0;
+    if (y ? a = v : (a = v === "v" ? "h" : "v", y = T(v, C)), !y)
+      return !1;
+    if (!d.current && "changedTouches" in e && (u || i) && (d.current = a), !a)
+      return !0;
+    var P = d.current || a;
+    return W(P, r, e, P === "h" ? u : i);
+  }, []), S = n.useCallback(function(e) {
+    var r = e;
+    if (!(!f.length || f[f.length - 1] !== m)) {
+      var l = "deltaY" in r ? Y(r) : b(r), o = c.current.filter(function(a) {
+        return a.name === r.type && (a.target === r.target || r.target === a.shadowParent) && F(a.delta, l);
+      })[0];
+      if (o && o.should) {
+        r.cancelable && r.preventDefault();
+        return;
+      }
+      if (!o) {
+        var u = (g.current.shards || []).map(B).filter(Boolean).filter(function(a) {
+          return a.contains(r.target);
+        }), i = u.length > 0 ? k(r, u[0]) : !g.current.noIsolation;
+        i && r.cancelable && r.preventDefault();
+      }
+    }
+  }, []), R = n.useCallback(function(e, r, l, o) {
+    var u = { name: e, delta: r, target: l, should: o, shadowParent: Q(l) };
+    c.current.push(u), setTimeout(function() {
+      c.current = c.current.filter(function(i) {
+        return i !== u;
+      });
+    }, 1);
+  }, []), w = n.useCallback(function(e) {
+    E.current = b(e), d.current = void 0;
+  }, []), L = n.useCallback(function(e) {
+    R(e.type, Y(e), e.target, k(e, t.lockRef.current));
+  }, []), M = n.useCallback(function(e) {
+    R(e.type, b(e), e.target, k(e, t.lockRef.current));
+  }, []);
+  n.useEffect(function() {
+    return f.push(m), t.setCallbacks({
+      onScrollCapture: L,
+      onWheelCapture: L,
+      onTouchMoveCapture: M
+    }), document.addEventListener("wheel", S, s), document.addEventListener("touchmove", S, s), document.addEventListener("touchstart", w, s), function() {
+      f = f.filter(function(e) {
+        return e !== m;
+      }), document.removeEventListener("wheel", S, s), document.removeEventListener("touchmove", S, s), document.removeEventListener("touchstart", w, s);
+    };
+  }, []);
+  var X = t.removeScrollBar, D = t.inert;
+  return n.createElement(
+    n.Fragment,
+    null,
+    D ? n.createElement(m, { styles: K(h) }) : null,
+    X ? n.createElement(A, { noRelative: t.noRelative, gapMode: t.gapMode }) : null
+  );
+}
+function Q(t) {
+  for (var c = null; t !== null; )
+    t instanceof ShadowRoot && (c = t.host, t = t.host), t = t.parentNode;
+  return c;
 }
 export {
-  R as clamp,
-  E as createCoords,
-  T as evaluate,
-  w as expandPaddingObject,
-  L as floor,
-  a as getAlignment,
-  y as getAlignmentAxis,
-  k as getAlignmentSides,
-  d as getAxisLength,
-  q as getExpandedPlacements,
-  s as getOppositeAlignmentPlacement,
-  b as getOppositeAxis,
-  z as getOppositeAxisPlacements,
-  f as getOppositePlacement,
-  B as getPaddingObject,
-  g as getSide,
-  P as getSideAxis,
-  p as max,
-  m as min,
-  D as rectToClientRect,
-  C as round,
-  j as sides
+  G as RemoveScrollSideCar,
+  Y as getDeltaXY,
+  b as getTouchXY
 };

package/dist/index.es95.js

@@ -1,136 +1,18 @@
-function c() {
-  return typeof window < "u";
-}
-function u(t) {
-  return p(t) ? (t.nodeName || "").toLowerCase() : "#document";
-}
-function i(t) {
-  var e;
-  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
-}
-function N(t) {
-  var e;
-  return (e = (p(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
-}
-function p(t) {
-  return c() ? t instanceof Node || t instanceof i(t).Node : !1;
-}
-function m(t) {
-  return c() ? t instanceof Element || t instanceof i(t).Element : !1;
-}
-function w(t) {
-  return c() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
-}
-function f(t) {
-  return !c() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
-}
-const E = /* @__PURE__ */ new Set(["inline", "contents"]);
-function y(t) {
-  const {
-    overflow: e,
-    overflowX: n,
-    overflowY: o,
-    display: r
-  } = S(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !E.has(r);
-}
-const T = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function A(t) {
-  return T.has(u(t));
-}
-const v = [":popover-open", ":modal"];
-function L(t) {
-  return v.some((e) => {
-    try {
-      return t.matches(e);
-    } catch {
-      return !1;
-    }
-  });
-}
-const D = ["transform", "translate", "scale", "rotate", "perspective"], C = ["transform", "translate", "scale", "rotate", "perspective", "filter"], k = ["paint", "layout", "strict", "content"];
-function V(t) {
-  const e = O(), n = m(t) ? S(t) : t;
-  return D.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || C.some((o) => (n.willChange || "").includes(o)) || k.some((o) => (n.contain || "").includes(o));
-}
-function B(t) {
-  let e = s(t);
-  for (; w(e) && !h(e); ) {
-    if (V(e))
-      return e;
-    if (L(e))
-      return null;
-    e = s(e);
-  }
-  return null;
-}
-function O() {
-  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
-}
-const R = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function h(t) {
-  return R.has(u(t));
-}
-function S(t) {
-  return i(t).getComputedStyle(t);
-}
-function F(t) {
-  return m(t) ? {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
-  } : {
-    scrollLeft: t.scrollX,
-    scrollTop: t.scrollY
-  };
-}
-function s(t) {
-  if (u(t) === "html")
-    return t;
-  const e = (
-    // Step into the shadow DOM of the parent of a slotted node.
-    t.assignedSlot || // DOM Element detected.
-    t.parentNode || // ShadowRoot detected.
-    f(t) && t.host || // Fallback.
-    N(t)
-  );
-  return f(e) ? e.host : e;
-}
-function b(t) {
-  const e = s(t);
-  return h(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : w(e) && y(e) ? e : b(e);
-}
-function d(t, e, n) {
-  var o;
-  e === void 0 && (e = []), n === void 0 && (n = !0);
-  const r = b(t), g = r === ((o = t.ownerDocument) == null ? void 0 : o.body), l = i(r);
-  if (g) {
-    const a = _(l);
-    return e.concat(l, l.visualViewport || [], y(r) ? r : [], a && n ? d(a) : []);
-  }
-  return e.concat(r, d(r, [], n));
-}
-function _(t) {
-  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+import { __rest as o, __assign as d } from "./index.es85.js";
+import * as n from "react";
+var i = function(r) {
+  var e = r.sideCar, a = o(r, ["sideCar"]);
+  if (!e)
+    throw new Error("Sidecar: please provide `sideCar` property to import the right car");
+  var t = e.read();
+  if (!t)
+    throw new Error("Sidecar medium not found");
+  return n.createElement(t, d({}, a));
+};
+i.isSideCarExport = !0;
+function p(r, e) {
+  return r.useMedium(e), i;
 }
 export {
-  S as getComputedStyle,
-  B as getContainingBlock,
-  N as getDocumentElement,
-  _ as getFrameElement,
-  b as getNearestOverflowAncestor,
-  u as getNodeName,
-  F as getNodeScroll,
-  d as getOverflowAncestors,
-  s as getParentNode,
-  i as getWindow,
-  V as isContainingBlock,
-  m as isElement,
-  w as isHTMLElement,
-  h as isLastTraversableNode,
-  p as isNode,
-  y as isOverflowElement,
-  f as isShadowRoot,
-  A as isTableElement,
-  L as isTopLayer,
-  O as isWebKit
+  p as exportSidecar
 };

package/dist/index.es97.js

@@ -1,6 +1,6 @@
 import * as d from "react";
 import { styleSingleton as f } from "./index.es98.js";
-import { noScrollbarsClassName as p, zeroRightClassName as g, fullWidthClassName as l, removedBarSizeVariable as v } from "./index.es88.js";
+import { noScrollbarsClassName as p, zeroRightClassName as g, fullWidthClassName as l, removedBarSizeVariable as v } from "./index.es91.js";
 import { getGapWidth as m } from "./index.es103.js";
 var b = f(), e = "data-scroll-locked", h = function(n, a, o, t) {
   var r = n.left, i = n.top, s = n.right, c = n.gap;