@drjoshcsimmons/scl 0.1.0

package/dist/index134.js

@@ -0,0 +1,67 @@
+import { __exports as s } from "./index139.js";
+import h from "react";
+/**
+ * @license React
+ * use-sync-external-store-shim.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var l;
+function A() {
+  return l ? s : (l = 1, process.env.NODE_ENV !== "production" && function() {
+    function d(e, t) {
+      return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
+    }
+    function S(e, t) {
+      f || o.startTransition === void 0 || (f = !0, console.error(
+        "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
+      ));
+      var r = t();
+      if (!c) {
+        var u = t();
+        _(r, u) || (console.error(
+          "The result of getSnapshot should be cached to avoid an infinite loop"
+        ), c = !0);
+      }
+      u = p({
+        inst: { value: r, getSnapshot: t }
+      });
+      var n = u[0].inst, i = u[1];
+      return L(
+        function() {
+          n.value = r, n.getSnapshot = t, a(n) && i({ inst: n });
+        },
+        [e, r, t]
+      ), E(
+        function() {
+          return a(n) && i({ inst: n }), e(function() {
+            a(n) && i({ inst: n });
+          });
+        },
+        [e]
+      ), y(r), r;
+    }
+    function a(e) {
+      var t = e.getSnapshot;
+      e = e.value;
+      try {
+        var r = t();
+        return !_(e, r);
+      } catch {
+        return !0;
+      }
+    }
+    function O(e, t) {
+      return t();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var o = h, _ = typeof Object.is == "function" ? Object.is : d, p = o.useState, E = o.useEffect, L = o.useLayoutEffect, y = o.useDebugValue, f = !1, c = !1, v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? O : S;
+    s.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : v, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }(), s);
+}
+export {
+  A as __require
+};

package/dist/index135.js

@@ -0,0 +1,27 @@
+var p = function() {
+  return p = Object.assign || function(e) {
+    for (var n, r = 1, o = arguments.length; r < o; r++) {
+      n = arguments[r];
+      for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a]);
+    }
+    return e;
+  }, p.apply(this, arguments);
+};
+function c(t, e) {
+  var n = {};
+  for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && e.indexOf(r) < 0 && (n[r] = t[r]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var o = 0, r = Object.getOwnPropertySymbols(t); o < r.length; o++)
+      e.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[o]) && (n[r[o]] = t[r[o]]);
+  return n;
+}
+function l(t, e, n) {
+  if (n || arguments.length === 2) for (var r = 0, o = e.length, a; r < o; r++)
+    (a || !(r in e)) && (a || (a = Array.prototype.slice.call(e, 0, r)), a[r] = e[r]);
+  return t.concat(a || Array.prototype.slice.call(e));
+}
+export {
+  p as __assign,
+  c as __rest,
+  l as __spreadArray
+};

package/dist/index136.js

@@ -0,0 +1,31 @@
+import { __rest as E, __assign as r } from "./index135.js";
+import * as a from "react";
+import { zeroRightClassName as I, fullWidthClassName as Z } from "./index140.js";
+import { effectCar as W } from "./index141.js";
+import { useMergeRefs as z } from "./index142.js";
+var l = function() {
+}, m = a.forwardRef(function(e, d) {
+  var o = a.useRef(null), n = a.useState({
+    onScrollCapture: l,
+    onWheelCapture: l,
+    onTouchMoveCapture: l
+  }), f = n[0], v = n[1], h = e.forwardProps, t = e.children, u = e.className, C = e.removeScrollBar, R = e.enabled, g = e.shards, P = e.sideCar, S = e.noRelative, b = e.noIsolation, w = e.inert, N = e.allowPinchZoom, i = e.as, M = i === void 0 ? "div" : i, _ = e.gapMode, B = E(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), k = P, s = z([o, d]), c = r(r({}, B), f);
+  return a.createElement(
+    a.Fragment,
+    null,
+    R && a.createElement(k, { sideCar: W, removeScrollBar: C, shards: g, noRelative: S, noIsolation: b, inert: w, setCallbacks: v, allowPinchZoom: !!N, lockRef: o, gapMode: _ }),
+    h ? a.cloneElement(a.Children.only(t), r(r({}, c), { ref: s })) : a.createElement(M, r({}, c, { className: u, ref: s }), t)
+  );
+});
+m.defaultProps = {
+  enabled: !0,
+  removeScrollBar: !0,
+  inert: !1
+};
+m.classNames = {
+  fullWidth: Z,
+  zeroRight: I
+};
+export {
+  m as RemoveScroll
+};

package/dist/index137.js

@@ -0,0 +1,7 @@
+import { RemoveScrollSideCar as r } from "./index143.js";
+import { effectCar as o } from "./index141.js";
+import { exportSidecar as e } from "./index144.js";
+const f = e(o, r);
+export {
+  f as default
+};

package/dist/index138.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/index139.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/index14.js

@@ -0,0 +1,226 @@
+import { jsx as X } from "react/jsx-runtime";
+import * as c from "react";
+import { cn as C } from "./index2.js";
+const I = `
+  attribute vec2 a_position;
+  attribute vec2 a_texCoord;
+  varying vec2 v_texCoord;
+
+  void main() {
+    gl_Position = vec4(a_position, 0.0, 1.0);
+    v_texCoord = a_texCoord;
+  }
+`, h = `
+  precision mediump float;
+
+  varying vec2 v_texCoord;
+
+  uniform sampler2D u_image;
+  uniform sampler2D u_bayerTex;
+  uniform vec2 u_resolution;
+  uniform float u_ditherSize;
+  uniform vec3 u_color;
+
+  void main() {
+    vec2 pixelPos = mod(floor(gl_FragCoord.xy / u_ditherSize), 8.0);
+    vec4 texColor = texture2D(u_image, v_texCoord);
+
+    // Convert to grayscale using luminance
+    float gray = dot(texColor.rgb, vec3(0.299, 0.587, 0.114));
+
+    // Look up threshold from Bayer texture
+    float threshold = texture2D(u_bayerTex, (pixelPos + 0.5) / 8.0).r;
+    float dithered = step(threshold, gray);
+
+    // Output color or black
+    vec3 finalColor = dithered * u_color;
+    gl_FragColor = vec4(finalColor, texColor.a);
+  }
+`, F = [
+  0,
+  32,
+  8,
+  40,
+  2,
+  34,
+  10,
+  42,
+  48,
+  16,
+  56,
+  24,
+  50,
+  18,
+  58,
+  26,
+  12,
+  44,
+  4,
+  36,
+  14,
+  46,
+  6,
+  38,
+  60,
+  28,
+  52,
+  20,
+  62,
+  30,
+  54,
+  22,
+  3,
+  35,
+  11,
+  43,
+  1,
+  33,
+  9,
+  41,
+  51,
+  19,
+  59,
+  27,
+  49,
+  17,
+  57,
+  25,
+  15,
+  47,
+  7,
+  39,
+  13,
+  45,
+  5,
+  37,
+  63,
+  31,
+  55,
+  23,
+  61,
+  29,
+  53,
+  21
+];
+function D(t, T, f) {
+  const r = t.createShader(T);
+  return r ? (t.shaderSource(r, f), t.compileShader(r), t.getShaderParameter(r, t.COMPILE_STATUS) ? r : (console.error("Shader compile error:", t.getShaderInfoLog(r)), t.deleteShader(r), null)) : null;
+}
+function y(t, T, f) {
+  const r = t.createProgram();
+  return r ? (t.attachShader(r, T), t.attachShader(r, f), t.linkProgram(r), t.getProgramParameter(r, t.LINK_STATUS) ? r : (console.error("Program link error:", t.getProgramInfoLog(r)), t.deleteProgram(r), null)) : null;
+}
+const N = c.forwardRef(
+  ({
+    className: t,
+    src: T,
+    alt: f,
+    width: r,
+    height: E,
+    ditherSize: m = 1,
+    color: l = [0, 255, 0],
+    ...p
+  }, v) => {
+    const R = c.useRef(null), d = c.useRef(null), A = c.useRef(null), x = c.useRef(null);
+    return c.useImperativeHandle(v, () => R.current), c.useEffect(() => {
+      const s = R.current;
+      if (!s) return;
+      const e = s.getContext("webgl", { preserveDrawingBuffer: !0 });
+      if (!e) {
+        console.error("WebGL not supported");
+        return;
+      }
+      d.current = e;
+      const i = D(e, e.VERTEX_SHADER, I), o = D(
+        e,
+        e.FRAGMENT_SHADER,
+        h
+      );
+      if (!i || !o) {
+        console.error("Failed to create shaders");
+        return;
+      }
+      const a = y(e, i, o);
+      if (!a) {
+        console.error("Failed to create program");
+        return;
+      }
+      e.useProgram(a), A.current = a;
+      const n = e.createTexture();
+      e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, n);
+      const u = new Uint8Array(F.map((L) => L / 64 * 255));
+      e.texImage2D(
+        e.TEXTURE_2D,
+        0,
+        e.LUMINANCE,
+        8,
+        8,
+        0,
+        e.LUMINANCE,
+        e.UNSIGNED_BYTE,
+        u
+      ), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, e.REPEAT), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, e.REPEAT), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, e.NEAREST), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, e.NEAREST), x.current = n;
+      const _ = new Float32Array([
+        -1,
+        -1,
+        1,
+        -1,
+        -1,
+        1,
+        -1,
+        1,
+        1,
+        -1,
+        1,
+        1
+      ]), P = new Float32Array([0, 1, 1, 1, 0, 0, 0, 0, 1, 1, 1, 0]), S = e.createBuffer();
+      e.bindBuffer(e.ARRAY_BUFFER, S), e.bufferData(e.ARRAY_BUFFER, _, e.STATIC_DRAW);
+      const g = e.getAttribLocation(a, "a_position");
+      e.enableVertexAttribArray(g), e.vertexAttribPointer(g, 2, e.FLOAT, !1, 0, 0);
+      const b = e.createBuffer();
+      e.bindBuffer(e.ARRAY_BUFFER, b), e.bufferData(e.ARRAY_BUFFER, P, e.STATIC_DRAW);
+      const U = e.getAttribLocation(a, "a_texCoord");
+      return e.enableVertexAttribArray(U), e.vertexAttribPointer(U, 2, e.FLOAT, !1, 0, 0), e.uniform1i(e.getUniformLocation(a, "u_image"), 0), e.uniform1i(e.getUniformLocation(a, "u_bayerTex"), 1), () => {
+        e.deleteProgram(a), e.deleteShader(i), e.deleteShader(o), e.deleteTexture(n);
+      };
+    }, []), c.useEffect(() => {
+      const s = R.current, e = d.current, i = A.current;
+      if (!s || !e || !i) return;
+      const o = new Image();
+      o.crossOrigin = "anonymous", o.onload = () => {
+        const a = o.naturalWidth / o.naturalHeight;
+        let n, u;
+        r && E ? (n = r, u = E) : r ? (n = r, u = Math.round(r / a)) : E ? (u = E, n = Math.round(E * a)) : (n = o.naturalWidth, u = o.naturalHeight), s.width = n, s.height = u, e.viewport(0, 0, n, u), e.useProgram(i), e.activeTexture(e.TEXTURE1), e.bindTexture(e.TEXTURE_2D, x.current), e.activeTexture(e.TEXTURE0);
+        const _ = e.createTexture();
+        e.bindTexture(e.TEXTURE_2D, _), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, e.CLAMP_TO_EDGE), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, e.CLAMP_TO_EDGE), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, e.LINEAR), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, e.LINEAR), e.texImage2D(
+          e.TEXTURE_2D,
+          0,
+          e.RGBA,
+          e.RGBA,
+          e.UNSIGNED_BYTE,
+          o
+        ), e.uniform2f(e.getUniformLocation(i, "u_resolution"), n, u), e.uniform1f(e.getUniformLocation(i, "u_ditherSize"), m), e.uniform3f(
+          e.getUniformLocation(i, "u_color"),
+          l[0] / 255,
+          l[1] / 255,
+          l[2] / 255
+        ), e.drawArrays(e.TRIANGLES, 0, 6), e.deleteTexture(_);
+      }, o.onerror = () => {
+        console.error("Failed to load image:", T);
+      }, o.src = T;
+    }, [T, r, E, m, l]), /* @__PURE__ */ X(
+      "canvas",
+      {
+        ref: R,
+        className: C("", t),
+        "aria-label": f,
+        role: "img",
+        ...p
+      }
+    );
+  }
+);
+N.displayName = "DitheredImage";
+export {
+  N as DitheredImage
+};

package/dist/index140.js

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

package/dist/index141.js

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

package/dist/index142.js

@@ -0,0 +1,26 @@
+import * as f from "react";
+import { assignRef as o } from "./index153.js";
+import { useCallbackRef as l } from "./index154.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 {
+  v as useMergeRefs
+};

package/dist/index143.js

@@ -0,0 +1,115 @@
+import { __spreadArray as N } from "./index135.js";
+import * as n from "react";
+import { RemoveScrollBar as W } from "./index149.js";
+import { styleSingleton as F } from "./index150.js";
+import { nonPassive as s } from "./index151.js";
+import { locationCouldBeScrolled as B, handleScroll as K } from "./index152.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 {
+  J as RemoveScrollSideCar,
+  M as getDeltaXY,
+  k as getTouchXY
+};

package/dist/index144.js

@@ -0,0 +1,18 @@
+import { __rest as o, __assign as d } from "./index135.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 {
+  p as exportSidecar
+};