@epilot/volt-ui 1.1.1 → 1.1.2-alpha.2

package/dist/index.es86.js

@@ -0,0 +1,31 @@
+import { __rest as E, __assign as r } from "./index.es85.js";
+import * as a from "react";
+import { zeroRightClassName as I, fullWidthClassName as Z } from "./index.es88.js";
+import { effectCar as W } from "./index.es89.js";
+import { useMergeRefs as z } from "./index.es90.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/index.es87.js

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

package/dist/index.es88.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/index.es89.js

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

package/dist/index.es9.js

@@ -0,0 +1,33 @@
+import { jsx as a } from "react/jsx-runtime";
+import { cn as l } from "./index.es4.js";
+import { cva as e } from "./index.es32.js";
+const n = e(
+  "volt-text-gray-light volt-flex volt-h-auto volt-cursor-text volt-whitespace-nowrap volt-items-center volt-justify-center volt-gap-2 volt-text-sm volt-font-normal volt-select-none volt-group-data-[disabled=true]/input-group:opacity-50",
+  {
+    variants: {
+      align: {
+        start: "volt-order-first",
+        end: "volt-order-last"
+      }
+    },
+    defaultVariants: {
+      align: "start"
+    }
+  }
+), p = ({
+  className: o,
+  align: t = "start",
+  ...r
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    role: "group",
+    "data-slot": "input-group-addon",
+    "data-align": t,
+    className: l(n({ align: t }), o),
+    ...r
+  }
+);
+export {
+  p as FieldGroupAddon
+};

package/dist/index.es90.js

@@ -0,0 +1,26 @@
+import * as f from "react";
+import { assignRef as o } from "./index.es101.js";
+import { useCallbackRef as l } from "./index.es102.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/index.es91.js

@@ -0,0 +1,112 @@
+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 {
+  G as RemoveScrollSideCar,
+  Y as getDeltaXY,
+  b as getTouchXY
+};

package/dist/index.es92.js

@@ -0,0 +1,18 @@
+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 {
+  p as exportSidecar
+};