@drjoshcsimmons/scl 0.3.1 → 0.4.1

package/dist/index120.js

@@ -1,67 +1,31 @@
-import { __exports as s } from "./index125.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);
-}
+import { __rest as E, __assign as r } from "./index119.js";
+import * as a from "react";
+import { zeroRightClassName as I, fullWidthClassName as Z } from "./index127.js";
+import { effectCar as W } from "./index128.js";
+import { useMergeRefs as z } from "./index129.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 {
-  A as __require
+  m as RemoveScroll
 };

package/dist/index121.js

@@ -1,27 +1,7 @@
-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));
-}
+import { RemoveScrollSideCar as r } from "./index130.js";
+import { effectCar as o } from "./index128.js";
+import { exportSidecar as e } from "./index131.js";
+const f = e(o, r);
 export {
-  p as __assign,
-  c as __rest,
-  l as __spreadArray
+  f as default
 };

package/dist/index122.js

@@ -1,31 +1,4 @@
-import { __rest as E, __assign as r } from "./index121.js";
-import * as a from "react";
-import { zeroRightClassName as I, fullWidthClassName as Z } from "./index126.js";
-import { effectCar as W } from "./index127.js";
-import { useMergeRefs as z } from "./index128.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
-};
+var e = { exports: {} };
 export {
-  m as RemoveScroll
+  e as __module
 };

package/dist/index123.js

@@ -1,7 +1,55 @@
-import { RemoveScrollSideCar as r } from "./index129.js";
-import { effectCar as o } from "./index127.js";
-import { exportSidecar as e } from "./index130.js";
-const f = e(o, r);
+import { __exports as i } from "./index125.js";
+import h from "react";
+/**
+ * @license React
+ * use-sync-external-store-shim.production.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 f;
+function x() {
+  if (f) return i;
+  f = 1;
+  var u = h;
+  function s(e, t) {
+    return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
+  }
+  var S = typeof Object.is == "function" ? Object.is : s, d = u.useState, l = u.useEffect, p = u.useLayoutEffect, E = u.useDebugValue;
+  function v(e, t) {
+    var r = t(), a = d({ inst: { value: r, getSnapshot: t } }), n = a[0].inst, c = a[1];
+    return p(
+      function() {
+        n.value = r, n.getSnapshot = t, o(n) && c({ inst: n });
+      },
+      [e, r, t]
+    ), l(
+      function() {
+        return o(n) && c({ inst: n }), e(function() {
+          o(n) && c({ inst: n });
+        });
+      },
+      [e]
+    ), E(r), r;
+  }
+  function o(e) {
+    var t = e.getSnapshot;
+    e = e.value;
+    try {
+      var r = t();
+      return !S(e, r);
+    } catch {
+      return !0;
+    }
+  }
+  function y(e, t) {
+    return t();
+  }
+  var m = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? y : v;
+  return i.useSyncExternalStore = u.useSyncExternalStore !== void 0 ? u.useSyncExternalStore : m, i;
+}
 export {
-  f as default
+  x as __require
 };

package/dist/index124.js

@@ -1,4 +1,67 @@
-var r = {};
+import { __exports as s } from "./index126.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 {
-  r as __exports
+  A as __require
 };

package/dist/index125.js

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

package/dist/index126.js

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

package/dist/index127.js

@@ -1,5 +1,7 @@
-import { createSidecarMedium as e } from "./index134.js";
-var a = e();
+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 effectCar
+  a as fullWidthClassName,
+  l as noScrollbarsClassName,
+  e as removedBarSizeVariable,
+  r as zeroRightClassName
 };

package/dist/index128.js

@@ -1,26 +1,5 @@
-import * as f from "react";
-import { assignRef as o } from "./index139.js";
-import { useCallbackRef as l } from "./index140.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 { createSidecarMedium as e } from "./index135.js";
+var a = e();
 export {
-  v as useMergeRefs
+  a as effectCar
 };

package/dist/index129.js

@@ -1,115 +1,26 @@
-import { __spreadArray as N } from "./index121.js";
-import * as n from "react";
-import { RemoveScrollBar as W } from "./index135.js";
-import { styleSingleton as F } from "./index136.js";
-import { nonPassive as s } from "./index137.js";
-import { locationCouldBeScrolled as B, handleScroll as K } from "./index138.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;
+import * as f from "react";
+import { assignRef as o } from "./index140.js";
+import { useCallbackRef as l } from "./index141.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);
       });
-    }, 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;
+    }
+    c.set(t, e);
+  }, [e]), t;
 }
 export {
-  J as RemoveScrollSideCar,
-  M as getDeltaXY,
-  k as getTouchXY
+  v as useMergeRefs
 };

package/dist/index13.js

@@ -1,19 +1,82 @@
-import { jsx as m } from "react/jsx-runtime";
-import * as a from "react";
-import { cx as i } from "./index2.js";
+import { jsx as l, jsxs as i } from "react/jsx-runtime";
+import { Root as N, Close as c, Portal as y, Trigger as f, Content as t, Description as d, Overlay as n, Title as m } from "./index55.js";
+import * as r from "react";
+import { cx as s } from "./index2.js";
 /* empty css        */
-const s = a.forwardRef(
-  ({ className: r, type: t, ...o }, p) => /* @__PURE__ */ m(
-    "input",
+const F = N, H = f, D = y, O = c, x = () => /* @__PURE__ */ i(
+  "svg",
+  {
+    className: "scl-dialog-close__icon",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "square",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ l("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+      /* @__PURE__ */ l("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+    ]
+  }
+), g = r.forwardRef(({ className: o, ...a }, e) => /* @__PURE__ */ l(
+  n,
+  {
+    ref: e,
+    className: s("scl-dialog-overlay", o),
+    ...a
+  }
+));
+g.displayName = n.displayName;
+const h = r.forwardRef(({ className: o, children: a, ...e }, p) => /* @__PURE__ */ i(D, { children: [
+  /* @__PURE__ */ l(g, {}),
+  /* @__PURE__ */ i(
+    t,
     {
-      type: t,
-      className: i("scl-input", r),
       ref: p,
-      ...o
+      className: s("scl-dialog-content", o),
+      ...e,
+      children: [
+        a,
+        /* @__PURE__ */ i(c, { className: "scl-dialog-close", children: [
+          /* @__PURE__ */ l(x, {}),
+          /* @__PURE__ */ l("span", { className: "scl-sr-only", children: "Close" })
+        ] })
+      ]
     }
   )
-);
-s.displayName = "Input";
+] }));
+h.displayName = t.displayName;
+const v = ({ className: o, ...a }) => /* @__PURE__ */ l("div", { className: s("scl-dialog-header", o), ...a });
+v.displayName = "DialogHeader";
+const C = ({ className: o, ...a }) => /* @__PURE__ */ l("div", { className: s("scl-dialog-footer", o), ...a });
+C.displayName = "DialogFooter";
+const R = r.forwardRef(({ className: o, ...a }, e) => /* @__PURE__ */ l(
+  m,
+  {
+    ref: e,
+    className: s("scl-dialog-title", o),
+    ...a
+  }
+));
+R.displayName = m.displayName;
+const w = r.forwardRef(({ className: o, ...a }, e) => /* @__PURE__ */ l(
+  d,
+  {
+    ref: e,
+    className: s("scl-dialog-description", o),
+    ...a
+  }
+));
+w.displayName = d.displayName;
 export {
-  s as Input
+  F as Dialog,
+  O as DialogClose,
+  h as DialogContent,
+  w as DialogDescription,
+  C as DialogFooter,
+  v as DialogHeader,
+  g as DialogOverlay,
+  D as DialogPortal,
+  R as DialogTitle,
+  H as DialogTrigger
 };