@drjoshcsimmons/scl 0.1.12 → 0.1.14

package/dist/index126.js

@@ -1,8 +1,8 @@
 import { __rest as E, __assign as r } from "./index125.js";
 import * as a from "react";
-import { zeroRightClassName as I, fullWidthClassName as Z } from "./index133.js";
-import { effectCar as W } from "./index134.js";
-import { useMergeRefs as z } from "./index135.js";
+import { zeroRightClassName as I, fullWidthClassName as Z } from "./index131.js";
+import { effectCar as W } from "./index132.js";
+import { useMergeRefs as z } from "./index133.js";
 var l = function() {
 }, m = a.forwardRef(function(e, d) {
   var o = a.useRef(null), n = a.useState({

package/dist/index127.js

@@ -1,6 +1,6 @@
-import { RemoveScrollSideCar as r } from "./index136.js";
-import { effectCar as o } from "./index134.js";
-import { exportSidecar as e } from "./index137.js";
+import { RemoveScrollSideCar as r } from "./index134.js";
+import { effectCar as o } from "./index132.js";
+import { exportSidecar as e } from "./index135.js";
 const f = e(o, r);
 export {
   f as default

package/dist/index129.js

@@ -1,4 +1,4 @@
-import { __exports as i } from "./index131.js";
+import { __exports as i } from "./index139.js";
 import h from "react";
 /**
  * @license React

package/dist/index13.js

@@ -3,9 +3,9 @@ import * as h from "react";
 import { cn as f } from "./index2.js";
 import { Popover as v, PopoverTrigger as C, PopoverContent as S } from "./index21.js";
 import { Button as O } from "./index9.js";
-import j from "./index70.js";
+import j from "./index71.js";
 import { Command as k, CommandInput as P, CommandList as R, CommandEmpty as B, CommandGroup as I, CommandItem as L } from "./index14.js";
-import M from "./index63.js";
+import M from "./index60.js";
 const D = h.forwardRef(
   ({
     options: s,

package/dist/index130.js

@@ -1,4 +1,4 @@
-import { __exports as s } from "./index132.js";
+import { __exports as s } from "./index140.js";
 import h from "react";
 /**
  * @license React

package/dist/index131.js

@@ -1,4 +1,7 @@
-var r = {};
+var r = "right-scroll-bar-position", a = "width-before-scroll-bar", l = "with-scroll-bars-hidden", e = "--removed-body-scroll-bar-size";
 export {
-  r as __exports
+  a as fullWidthClassName,
+  l as noScrollbarsClassName,
+  e as removedBarSizeVariable,
+  r as zeroRightClassName
 };

package/dist/index132.js

@@ -1,4 +1,5 @@
-var e = {};
+import { createSidecarMedium as e } from "./index145.js";
+var a = e();
 export {
-  e as __exports
+  a as effectCar
 };

package/dist/index133.js

@@ -1,7 +1,26 @@
-var r = "right-scroll-bar-position", a = "width-before-scroll-bar", l = "with-scroll-bars-hidden", e = "--removed-body-scroll-bar-size";
+import * as f from "react";
+import { assignRef as o } from "./index146.js";
+import { useCallbackRef as l } from "./index147.js";
+var s = typeof window < "u" ? f.useLayoutEffect : f.useEffect, c = /* @__PURE__ */ new WeakMap();
+function v(e, m) {
+  var t = l(null, function(n) {
+    return e.forEach(function(u) {
+      return o(u, n);
+    });
+  });
+  return s(function() {
+    var n = c.get(t);
+    if (n) {
+      var u = new Set(n), r = new Set(e), i = t.current;
+      u.forEach(function(a) {
+        r.has(a) || o(a, null);
+      }), r.forEach(function(a) {
+        u.has(a) || o(a, i);
+      });
+    }
+    c.set(t, e);
+  }, [e]), t;
+}
 export {
-  a as fullWidthClassName,
-  l as noScrollbarsClassName,
-  e as removedBarSizeVariable,
-  r as zeroRightClassName
+  v as useMergeRefs
 };

package/dist/index134.js

@@ -1,5 +1,115 @@
-import { createSidecarMedium as e } from "./index141.js";
-var a = e();
+import { __spreadArray as N } from "./index125.js";
+import * as n from "react";
+import { RemoveScrollBar as W } from "./index141.js";
+import { styleSingleton as F } from "./index142.js";
+import { nonPassive as s } from "./index143.js";
+import { locationCouldBeScrolled as B, handleScroll as K } from "./index144.js";
+var k = function(e) {
+  return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
+}, M = function(e) {
+  return [e.deltaX, e.deltaY];
+}, X = function(e) {
+  return e && "current" in e ? e.current : e;
+}, O = function(e, c) {
+  return e[0] === c[0] && e[1] === c[1];
+}, Q = function(e) {
+  return `
+  .block-interactivity-`.concat(e, ` {pointer-events: none;}
+  .allow-interactivity-`).concat(e, ` {pointer-events: all;}
+`);
+}, Z = 0, f = [];
+function J(e) {
+  var c = n.useRef([]), R = n.useRef([0, 0]), m = n.useRef(), h = n.useState(Z++)[0], g = n.useState(F)[0], S = n.useRef(e);
+  n.useEffect(function() {
+    S.current = e;
+  }, [e]), n.useEffect(function() {
+    if (e.inert) {
+      document.body.classList.add("block-interactivity-".concat(h));
+      var t = N([e.lockRef.current], (e.shards || []).map(X), !0).filter(Boolean);
+      return t.forEach(function(r) {
+        return r.classList.add("allow-interactivity-".concat(h));
+      }), function() {
+        document.body.classList.remove("block-interactivity-".concat(h)), t.forEach(function(r) {
+          return r.classList.remove("allow-interactivity-".concat(h));
+        });
+      };
+    }
+  }, [e.inert, e.lockRef.current, e.shards]);
+  var C = n.useCallback(function(t, r) {
+    if ("touches" in t && t.touches.length === 2 || t.type === "wheel" && t.ctrlKey)
+      return !S.current.allowPinchZoom;
+    var l = k(t), u = R.current, o = "deltaX" in t ? t.deltaX : u[0] - l[0], i = "deltaY" in t ? t.deltaY : u[1] - l[1], a, v = t.target, d = Math.abs(o) > Math.abs(i) ? "h" : "v";
+    if ("touches" in t && d === "h" && v.type === "range")
+      return !1;
+    var P = window.getSelection(), E = P && P.anchorNode, I = E ? E === v || E.contains(v) : !1;
+    if (I)
+      return !1;
+    var b = B(d, v);
+    if (!b)
+      return !0;
+    if (b ? a = d : (a = d === "v" ? "h" : "v", b = B(d, v)), !b)
+      return !1;
+    if (!m.current && "changedTouches" in t && (o || i) && (m.current = a), !a)
+      return !0;
+    var Y = m.current || a;
+    return K(Y, r, t, Y === "h" ? o : i);
+  }, []), y = n.useCallback(function(t) {
+    var r = t;
+    if (!(!f.length || f[f.length - 1] !== g)) {
+      var l = "deltaY" in r ? M(r) : k(r), u = c.current.filter(function(a) {
+        return a.name === r.type && (a.target === r.target || r.target === a.shadowParent) && O(a.delta, l);
+      })[0];
+      if (u && u.should) {
+        r.cancelable && r.preventDefault();
+        return;
+      }
+      if (!u) {
+        var o = (S.current.shards || []).map(X).filter(Boolean).filter(function(a) {
+          return a.contains(r.target);
+        }), i = o.length > 0 ? C(r, o[0]) : !S.current.noIsolation;
+        i && r.cancelable && r.preventDefault();
+      }
+    }
+  }, []), w = n.useCallback(function(t, r, l, u) {
+    var o = { name: t, delta: r, target: l, should: u, shadowParent: _(l) };
+    c.current.push(o), setTimeout(function() {
+      c.current = c.current.filter(function(i) {
+        return i !== o;
+      });
+    }, 1);
+  }, []), L = n.useCallback(function(t) {
+    R.current = k(t), m.current = void 0;
+  }, []), T = n.useCallback(function(t) {
+    w(t.type, M(t), t.target, C(t, e.lockRef.current));
+  }, []), D = n.useCallback(function(t) {
+    w(t.type, k(t), t.target, C(t, e.lockRef.current));
+  }, []);
+  n.useEffect(function() {
+    return f.push(g), e.setCallbacks({
+      onScrollCapture: T,
+      onWheelCapture: T,
+      onTouchMoveCapture: D
+    }), document.addEventListener("wheel", y, s), document.addEventListener("touchmove", y, s), document.addEventListener("touchstart", L, s), function() {
+      f = f.filter(function(t) {
+        return t !== g;
+      }), document.removeEventListener("wheel", y, s), document.removeEventListener("touchmove", y, s), document.removeEventListener("touchstart", L, s);
+    };
+  }, []);
+  var x = e.removeScrollBar, A = e.inert;
+  return n.createElement(
+    n.Fragment,
+    null,
+    A ? n.createElement(g, { styles: Q(h) }) : null,
+    x ? n.createElement(W, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
+  );
+}
+function _(e) {
+  for (var c = null; e !== null; )
+    e instanceof ShadowRoot && (c = e.host, e = e.host), e = e.parentNode;
+  return c;
+}
 export {
-  a as effectCar
+  J as RemoveScrollSideCar,
+  M as getDeltaXY,
+  k as getTouchXY
 };

package/dist/index135.js

@@ -1,26 +1,18 @@
-import * as f from "react";
-import { assignRef as o } from "./index146.js";
-import { useCallbackRef as l } from "./index147.js";
-var s = typeof window < "u" ? f.useLayoutEffect : f.useEffect, c = /* @__PURE__ */ new WeakMap();
-function v(e, m) {
-  var t = l(null, function(n) {
-    return e.forEach(function(u) {
-      return o(u, n);
-    });
-  });
-  return s(function() {
-    var n = c.get(t);
-    if (n) {
-      var u = new Set(n), r = new Set(e), i = t.current;
-      u.forEach(function(a) {
-        r.has(a) || o(a, null);
-      }), r.forEach(function(a) {
-        u.has(a) || o(a, i);
-      });
-    }
-    c.set(t, e);
-  }, [e]), t;
+import { __rest as o, __assign as d } from "./index125.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 {
-  v as useMergeRefs
+  p as exportSidecar
 };