markdown-flow-ui 0.3.2-dev.1 → 0.3.2

package/dist/node_modules/react-remove-scroll/dist/es2015/SideEffect.es.js

@@ -1,113 +1,116 @@
-import { __spreadArray as x } from "../../../tslib/tslib.es6.es.js";
+import { __spreadArray as N } from "../../../tslib/tslib.es6.es.js";
 import * as n from "react";
-import { RemoveScrollBar as A } from "../../../react-remove-scroll-bar/dist/es2015/component.es.js";
-import { styleSingleton as I } from "../../../react-style-singleton/dist/es2015/component.es.js";
+import { RemoveScrollBar as W } from "../../../react-remove-scroll-bar/dist/es2015/component.es.js";
+import { styleSingleton as F } from "../../../react-style-singleton/dist/es2015/component.es.js";
 import { nonPassive as s } from "./aggresiveCapture.es.js";
-import { locationCouldBeScrolled as T, handleScroll as W } from "./handleScroll.es.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) {
+import { locationCouldBeScrolled as B, handleScroll as K } from "./handleScroll.es.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(t, ` {pointer-events: none;}
-  .allow-interactivity-`).concat(t, ` {pointer-events: all;}
+  .block-interactivity-`.concat(e, ` {pointer-events: none;}
+  .allow-interactivity-`).concat(e, ` {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);
+}, 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() {
-    g.current = t;
-  }, [t]), n.useEffect(function() {
-    if (t.inert) {
+    S.current = e;
+  }, [e]), n.useEffect(function() {
+    if (e.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) {
+      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)), e.forEach(function(r) {
+        document.body.classList.remove("block-interactivity-".concat(h)), t.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")
+  }, [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 y = T(v, C);
-    if (!y)
+    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 (y ? a = v : (a = v === "v" ? "h" : "v", y = T(v, C)), !y)
+    if (b ? a = d : (a = d === "v" ? "h" : "v", b = B(d, v)), !b)
       return !1;
-    if (!d.current && "changedTouches" in e && (u || i) && (d.current = a), !a)
+    if (!m.current && "changedTouches" in t && (o || i) && (m.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);
+    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 (o && o.should) {
+      if (u && u.should) {
         r.cancelable && r.preventDefault();
         return;
       }
-      if (!o) {
-        var u = (g.current.shards || []).map(B).filter(Boolean).filter(function(a) {
+      if (!u) {
+        var o = (S.current.shards || []).map(X).filter(Boolean).filter(function(a) {
           return a.contains(r.target);
-        }), i = u.length > 0 ? k(r, u[0]) : !g.current.noIsolation;
+        }), i = o.length > 0 ? C(r, o[0]) : !S.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() {
+  }, []), 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 !== u;
+        return i !== o;
       });
     }, 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));
+  }, []), 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(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);
+    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 = t.removeScrollBar, D = t.inert;
+  var x = e.removeScrollBar, A = e.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
+    A ? n.createElement(g, { styles: Q(h) }) : null,
+    x ? n.createElement(W, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
   );
 }
-function Q(t) {
-  for (var c = null; t !== null; )
-    t instanceof ShadowRoot && (c = t.host, t = t.host), t = t.parentNode;
+function _(e) {
+  for (var c = null; e !== null; )
+    e instanceof ShadowRoot && (c = e.host, e = e.host), e = e.parentNode;
   return c;
 }
 export {
-  G as RemoveScrollSideCar,
-  Y as getDeltaXY,
-  b as getTouchXY
+  J as RemoveScrollSideCar,
+  M as getDeltaXY,
+  k as getTouchXY
 };
 //# sourceMappingURL=SideEffect.es.js.map

package/dist/node_modules/react-remove-scroll/dist/es2015/SideEffect.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideEffect.es.js","sources":["../../../../../node_modules/react-remove-scroll/dist/es2015/SideEffect.js"],"sourcesContent":["import { __spreadArray } from \"tslib\";\nimport * as React from 'react';\nimport { RemoveScrollBar } from 'react-remove-scroll-bar';\nimport { styleSingleton } from 'react-style-singleton';\nimport { nonPassive } from './aggresiveCapture';\nimport { handleScroll, locationCouldBeScrolled } from './handleScroll';\nexport var getTouchXY = function (event) {\n    return 'changedTouches' in event ? [event.changedTouches[0].clientX, event.changedTouches[0].clientY] : [0, 0];\n};\nexport var getDeltaXY = function (event) { return [event.deltaX, event.deltaY]; };\nvar extractRef = function (ref) {\n    return ref && 'current' in ref ? ref.current : ref;\n};\nvar deltaCompare = function (x, y) { return x[0] === y[0] && x[1] === y[1]; };\nvar generateStyle = function (id) { return \"\\n  .block-interactivity-\".concat(id, \" {pointer-events: none;}\\n  .allow-interactivity-\").concat(id, \" {pointer-events: all;}\\n\"); };\nvar idCounter = 0;\nvar lockStack = [];\nexport function RemoveScrollSideCar(props) {\n    var shouldPreventQueue = React.useRef([]);\n    var touchStartRef = React.useRef([0, 0]);\n    var activeAxis = React.useRef();\n    var id = React.useState(idCounter++)[0];\n    var Style = React.useState(styleSingleton)[0];\n    var lastProps = React.useRef(props);\n    React.useEffect(function () {\n        lastProps.current = props;\n    }, [props]);\n    React.useEffect(function () {\n        if (props.inert) {\n            document.body.classList.add(\"block-interactivity-\".concat(id));\n            var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);\n            allow_1.forEach(function (el) { return el.classList.add(\"allow-interactivity-\".concat(id)); });\n            return function () {\n                document.body.classList.remove(\"block-interactivity-\".concat(id));\n                allow_1.forEach(function (el) { return el.classList.remove(\"allow-interactivity-\".concat(id)); });\n            };\n        }\n        return;\n    }, [props.inert, props.lockRef.current, props.shards]);\n    var shouldCancelEvent = React.useCallback(function (event, parent) {\n        if (('touches' in event && event.touches.length === 2) || (event.type === 'wheel' && event.ctrlKey)) {\n            return !lastProps.current.allowPinchZoom;\n        }\n        var touch = getTouchXY(event);\n        var touchStart = touchStartRef.current;\n        var deltaX = 'deltaX' in event ? event.deltaX : touchStart[0] - touch[0];\n        var deltaY = 'deltaY' in event ? event.deltaY : touchStart[1] - touch[1];\n        var currentAxis;\n        var target = event.target;\n        var moveDirection = Math.abs(deltaX) > Math.abs(deltaY) ? 'h' : 'v';\n        // allow horizontal touch move on Range inputs. They will not cause any scroll\n        if ('touches' in event && moveDirection === 'h' && target.type === 'range') {\n            return false;\n        }\n        var canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);\n        if (!canBeScrolledInMainDirection) {\n            return true;\n        }\n        if (canBeScrolledInMainDirection) {\n            currentAxis = moveDirection;\n        }\n        else {\n            currentAxis = moveDirection === 'v' ? 'h' : 'v';\n            canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);\n            // other axis might be not scrollable\n        }\n        if (!canBeScrolledInMainDirection) {\n            return false;\n        }\n        if (!activeAxis.current && 'changedTouches' in event && (deltaX || deltaY)) {\n            activeAxis.current = currentAxis;\n        }\n        if (!currentAxis) {\n            return true;\n        }\n        var cancelingAxis = activeAxis.current || currentAxis;\n        return handleScroll(cancelingAxis, parent, event, cancelingAxis === 'h' ? deltaX : deltaY, true);\n    }, []);\n    var shouldPrevent = React.useCallback(function (_event) {\n        var event = _event;\n        if (!lockStack.length || lockStack[lockStack.length - 1] !== Style) {\n            // not the last active\n            return;\n        }\n        var delta = 'deltaY' in event ? getDeltaXY(event) : getTouchXY(event);\n        var sourceEvent = shouldPreventQueue.current.filter(function (e) { return e.name === event.type && (e.target === event.target || event.target === e.shadowParent) && deltaCompare(e.delta, delta); })[0];\n        // self event, and should be canceled\n        if (sourceEvent && sourceEvent.should) {\n            if (event.cancelable) {\n                event.preventDefault();\n            }\n            return;\n        }\n        // outside or shard event\n        if (!sourceEvent) {\n            var shardNodes = (lastProps.current.shards || [])\n                .map(extractRef)\n                .filter(Boolean)\n                .filter(function (node) { return node.contains(event.target); });\n            var shouldStop = shardNodes.length > 0 ? shouldCancelEvent(event, shardNodes[0]) : !lastProps.current.noIsolation;\n            if (shouldStop) {\n                if (event.cancelable) {\n                    event.preventDefault();\n                }\n            }\n        }\n    }, []);\n    var shouldCancel = React.useCallback(function (name, delta, target, should) {\n        var event = { name: name, delta: delta, target: target, should: should, shadowParent: getOutermostShadowParent(target) };\n        shouldPreventQueue.current.push(event);\n        setTimeout(function () {\n            shouldPreventQueue.current = shouldPreventQueue.current.filter(function (e) { return e !== event; });\n        }, 1);\n    }, []);\n    var scrollTouchStart = React.useCallback(function (event) {\n        touchStartRef.current = getTouchXY(event);\n        activeAxis.current = undefined;\n    }, []);\n    var scrollWheel = React.useCallback(function (event) {\n        shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));\n    }, []);\n    var scrollTouchMove = React.useCallback(function (event) {\n        shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));\n    }, []);\n    React.useEffect(function () {\n        lockStack.push(Style);\n        props.setCallbacks({\n            onScrollCapture: scrollWheel,\n            onWheelCapture: scrollWheel,\n            onTouchMoveCapture: scrollTouchMove,\n        });\n        document.addEventListener('wheel', shouldPrevent, nonPassive);\n        document.addEventListener('touchmove', shouldPrevent, nonPassive);\n        document.addEventListener('touchstart', scrollTouchStart, nonPassive);\n        return function () {\n            lockStack = lockStack.filter(function (inst) { return inst !== Style; });\n            document.removeEventListener('wheel', shouldPrevent, nonPassive);\n            document.removeEventListener('touchmove', shouldPrevent, nonPassive);\n            document.removeEventListener('touchstart', scrollTouchStart, nonPassive);\n        };\n    }, []);\n    var removeScrollBar = props.removeScrollBar, inert = props.inert;\n    return (React.createElement(React.Fragment, null,\n        inert ? React.createElement(Style, { styles: generateStyle(id) }) : null,\n        removeScrollBar ? React.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null));\n}\nfunction getOutermostShadowParent(node) {\n    var shadowParent = null;\n    while (node !== null) {\n        if (node instanceof ShadowRoot) {\n            shadowParent = node.host;\n            node = node.host;\n        }\n        node = node.parentNode;\n    }\n    return shadowParent;\n}\n"],"names":["getTouchXY","event","getDeltaXY","extractRef","ref","deltaCompare","x","y","generateStyle","id","idCounter","lockStack","RemoveScrollSideCar","props","shouldPreventQueue","React","touchStartRef","activeAxis","Style","styleSingleton","lastProps","allow_1","__spreadArray","el","shouldCancelEvent","parent","touch","touchStart","deltaX","deltaY","currentAxis","target","moveDirection","canBeScrolledInMainDirection","locationCouldBeScrolled","cancelingAxis","handleScroll","shouldPrevent","_event","delta","sourceEvent","e","shardNodes","node","shouldStop","shouldCancel","name","should","getOutermostShadowParent","scrollTouchStart","scrollWheel","scrollTouchMove","nonPassive","inst","removeScrollBar","inert","RemoveScrollBar","shadowParent"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"SideEffect.es.js","sources":["../../../../../node_modules/react-remove-scroll/dist/es2015/SideEffect.js"],"sourcesContent":["import { __spreadArray } from \"tslib\";\nimport * as React from 'react';\nimport { RemoveScrollBar } from 'react-remove-scroll-bar';\nimport { styleSingleton } from 'react-style-singleton';\nimport { nonPassive } from './aggresiveCapture';\nimport { handleScroll, locationCouldBeScrolled } from './handleScroll';\nexport var getTouchXY = function (event) {\n    return 'changedTouches' in event ? [event.changedTouches[0].clientX, event.changedTouches[0].clientY] : [0, 0];\n};\nexport var getDeltaXY = function (event) { return [event.deltaX, event.deltaY]; };\nvar extractRef = function (ref) {\n    return ref && 'current' in ref ? ref.current : ref;\n};\nvar deltaCompare = function (x, y) { return x[0] === y[0] && x[1] === y[1]; };\nvar generateStyle = function (id) { return \"\\n  .block-interactivity-\".concat(id, \" {pointer-events: none;}\\n  .allow-interactivity-\").concat(id, \" {pointer-events: all;}\\n\"); };\nvar idCounter = 0;\nvar lockStack = [];\nexport function RemoveScrollSideCar(props) {\n    var shouldPreventQueue = React.useRef([]);\n    var touchStartRef = React.useRef([0, 0]);\n    var activeAxis = React.useRef();\n    var id = React.useState(idCounter++)[0];\n    var Style = React.useState(styleSingleton)[0];\n    var lastProps = React.useRef(props);\n    React.useEffect(function () {\n        lastProps.current = props;\n    }, [props]);\n    React.useEffect(function () {\n        if (props.inert) {\n            document.body.classList.add(\"block-interactivity-\".concat(id));\n            var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);\n            allow_1.forEach(function (el) { return el.classList.add(\"allow-interactivity-\".concat(id)); });\n            return function () {\n                document.body.classList.remove(\"block-interactivity-\".concat(id));\n                allow_1.forEach(function (el) { return el.classList.remove(\"allow-interactivity-\".concat(id)); });\n            };\n        }\n        return;\n    }, [props.inert, props.lockRef.current, props.shards]);\n    var shouldCancelEvent = React.useCallback(function (event, parent) {\n        if (('touches' in event && event.touches.length === 2) || (event.type === 'wheel' && event.ctrlKey)) {\n            return !lastProps.current.allowPinchZoom;\n        }\n        var touch = getTouchXY(event);\n        var touchStart = touchStartRef.current;\n        var deltaX = 'deltaX' in event ? event.deltaX : touchStart[0] - touch[0];\n        var deltaY = 'deltaY' in event ? event.deltaY : touchStart[1] - touch[1];\n        var currentAxis;\n        var target = event.target;\n        var moveDirection = Math.abs(deltaX) > Math.abs(deltaY) ? 'h' : 'v';\n        // allow horizontal touch move on Range inputs. They will not cause any scroll\n        if ('touches' in event && moveDirection === 'h' && target.type === 'range') {\n            return false;\n        }\n        // allow drag selection (iOS); check if selection's anchorNode is the same as target or contains target\n        var selection = window.getSelection();\n        var anchorNode = selection && selection.anchorNode;\n        var isTouchingSelection = anchorNode ? anchorNode === target || anchorNode.contains(target) : false;\n        if (isTouchingSelection) {\n            return false;\n        }\n        var canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);\n        if (!canBeScrolledInMainDirection) {\n            return true;\n        }\n        if (canBeScrolledInMainDirection) {\n            currentAxis = moveDirection;\n        }\n        else {\n            currentAxis = moveDirection === 'v' ? 'h' : 'v';\n            canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);\n            // other axis might be not scrollable\n        }\n        if (!canBeScrolledInMainDirection) {\n            return false;\n        }\n        if (!activeAxis.current && 'changedTouches' in event && (deltaX || deltaY)) {\n            activeAxis.current = currentAxis;\n        }\n        if (!currentAxis) {\n            return true;\n        }\n        var cancelingAxis = activeAxis.current || currentAxis;\n        return handleScroll(cancelingAxis, parent, event, cancelingAxis === 'h' ? deltaX : deltaY, true);\n    }, []);\n    var shouldPrevent = React.useCallback(function (_event) {\n        var event = _event;\n        if (!lockStack.length || lockStack[lockStack.length - 1] !== Style) {\n            // not the last active\n            return;\n        }\n        var delta = 'deltaY' in event ? getDeltaXY(event) : getTouchXY(event);\n        var sourceEvent = shouldPreventQueue.current.filter(function (e) { return e.name === event.type && (e.target === event.target || event.target === e.shadowParent) && deltaCompare(e.delta, delta); })[0];\n        // self event, and should be canceled\n        if (sourceEvent && sourceEvent.should) {\n            if (event.cancelable) {\n                event.preventDefault();\n            }\n            return;\n        }\n        // outside or shard event\n        if (!sourceEvent) {\n            var shardNodes = (lastProps.current.shards || [])\n                .map(extractRef)\n                .filter(Boolean)\n                .filter(function (node) { return node.contains(event.target); });\n            var shouldStop = shardNodes.length > 0 ? shouldCancelEvent(event, shardNodes[0]) : !lastProps.current.noIsolation;\n            if (shouldStop) {\n                if (event.cancelable) {\n                    event.preventDefault();\n                }\n            }\n        }\n    }, []);\n    var shouldCancel = React.useCallback(function (name, delta, target, should) {\n        var event = { name: name, delta: delta, target: target, should: should, shadowParent: getOutermostShadowParent(target) };\n        shouldPreventQueue.current.push(event);\n        setTimeout(function () {\n            shouldPreventQueue.current = shouldPreventQueue.current.filter(function (e) { return e !== event; });\n        }, 1);\n    }, []);\n    var scrollTouchStart = React.useCallback(function (event) {\n        touchStartRef.current = getTouchXY(event);\n        activeAxis.current = undefined;\n    }, []);\n    var scrollWheel = React.useCallback(function (event) {\n        shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));\n    }, []);\n    var scrollTouchMove = React.useCallback(function (event) {\n        shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));\n    }, []);\n    React.useEffect(function () {\n        lockStack.push(Style);\n        props.setCallbacks({\n            onScrollCapture: scrollWheel,\n            onWheelCapture: scrollWheel,\n            onTouchMoveCapture: scrollTouchMove,\n        });\n        document.addEventListener('wheel', shouldPrevent, nonPassive);\n        document.addEventListener('touchmove', shouldPrevent, nonPassive);\n        document.addEventListener('touchstart', scrollTouchStart, nonPassive);\n        return function () {\n            lockStack = lockStack.filter(function (inst) { return inst !== Style; });\n            document.removeEventListener('wheel', shouldPrevent, nonPassive);\n            document.removeEventListener('touchmove', shouldPrevent, nonPassive);\n            document.removeEventListener('touchstart', scrollTouchStart, nonPassive);\n        };\n    }, []);\n    var removeScrollBar = props.removeScrollBar, inert = props.inert;\n    return (React.createElement(React.Fragment, null,\n        inert ? React.createElement(Style, { styles: generateStyle(id) }) : null,\n        removeScrollBar ? React.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null));\n}\nfunction getOutermostShadowParent(node) {\n    var shadowParent = null;\n    while (node !== null) {\n        if (node instanceof ShadowRoot) {\n            shadowParent = node.host;\n            node = node.host;\n        }\n        node = node.parentNode;\n    }\n    return shadowParent;\n}\n"],"names":["getTouchXY","event","getDeltaXY","extractRef","ref","deltaCompare","x","y","generateStyle","id","idCounter","lockStack","RemoveScrollSideCar","props","shouldPreventQueue","React","touchStartRef","activeAxis","Style","styleSingleton","lastProps","allow_1","__spreadArray","el","shouldCancelEvent","parent","touch","touchStart","deltaX","deltaY","currentAxis","target","moveDirection","selection","anchorNode","isTouchingSelection","canBeScrolledInMainDirection","locationCouldBeScrolled","cancelingAxis","handleScroll","shouldPrevent","_event","delta","sourceEvent","e","shardNodes","node","shouldStop","shouldCancel","name","should","getOutermostShadowParent","scrollTouchStart","scrollWheel","scrollTouchMove","nonPassive","inst","removeScrollBar","inert","RemoveScrollBar","shadowParent"],"mappings":"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","x_google_ignoreList":[0]}

package/package.json

@@ -17,9 +17,9 @@
     "@codemirror/view": "^6.38.1",
     "@fontsource/inter": "^5.2.8",
     "@microsoft/fetch-event-source": "^2.0.1",
-    "@radix-ui/react-dialog": "1.1.15",
-    "@radix-ui/react-popover": "1.1.15",
-    "@radix-ui/react-slot": "1.2.3",
+    "@radix-ui/react-dialog": "1.2.0",
+    "@radix-ui/react-popover": "1.2.0",
+    "@radix-ui/react-slot": "1.4.0",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@types/hast": "^3.0.4",
     "@types/mdast": "^4.0.4",
@@ -67,7 +67,7 @@
     "@storybook/nextjs-vite": "^9.0.16",
     "@tailwindcss/cli": "^4.1.11",
     "@tailwindcss/postcss": "^4",
-    "@testing-library/react": "16.3.0",
+    "@testing-library/react": "16.3.3",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
@@ -82,16 +82,16 @@
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-storybook": "^9.0.16",
-    "gsap": "3.12.7",
+    "gsap": "3.15.0",
     "husky": "^9.1.7",
     "jsdom": "26.1.0",
     "lint-staged": "^16.1.6",
-    "markdownlint-cli": "^0.45.0",
+    "markdownlint-cli": "^0.49.1",
     "next": "15.3.6",
     "playwright": "^1.54.1",
-    "prettier": "^3.5.3",
-    "react": "19.0.1",
-    "react-dom": "19.0.1",
+    "prettier": "3.9.9",
+    "react": "19.3.0",
+    "react-dom": "19.3.0",
     "rollup": "^4.46.2",
     "rollup-plugin-dts": "^6.2.1",
     "standard-version": "^9.5.0",
@@ -196,7 +196,7 @@
       ]
     }
   },
-  "version": "0.3.2-dev.1",
+  "version": "0.3.2",
   "type": "module",
   "exports": {
     ".": {

package/dist/components/MarkdownFlowEditor/components/CustomPopover.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),l=require("react"),t=require("../../ui/popover.cjs"),c=require("../editor-context.cjs"),d=require("../../../lib/utils.cjs"),n=({children:s,className:i,dir:p,lang:u})=>{const{popoverOpen:r,setPopoverOpen:a,popoverPosition:e}=l.useContext(c.default);return!r||!e?null:o.jsxs(t.Popover,{open:r,onOpenChange:a,children:[o.jsx(t.PopoverAnchor,{style:{position:"fixed",left:`${e.x}px`,top:`${e.y}px`,width:0,height:0}}),o.jsx(t.PopoverContent,{className:d.cn("p-0 border-0 shadow-none bg-transparent w-auto",i),align:"start",dir:p,lang:u,sideOffset:5,children:s})]})};n.displayName="CustomPopover";exports.default=n;
-//# sourceMappingURL=CustomPopover.cjs.map

package/dist/components/MarkdownFlowEditor/components/CustomPopover.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomPopover.cjs","sources":["../../../../src/components/MarkdownFlowEditor/components/CustomPopover.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { Popover, PopoverContent, PopoverAnchor } from \"../../ui/popover\";\nimport EditorContext from \"../editor-context\";\nimport type { MarkdownFlowDirection } from \"../../../lib/locale\";\nimport { cn } from \"../../../lib/utils\";\n\ntype CustomPopoverProps = {\n  children?: React.ReactNode;\n};\n\nexport interface CustomPopoverAllProps extends CustomPopoverProps {\n  className?: string;\n  /**\n   * Sets \"ltr\" or \"rtl\" on the popover content, including its reading and layout direction.\n   * When omitted, the content inherits direction from its portal container, not the trigger.\n   */\n  dir?: MarkdownFlowDirection;\n  /** Language of the detached popover content. */\n  lang?: string;\n}\n\nconst CustomPopover: React.FC<CustomPopoverAllProps> = ({\n  children,\n  className,\n  dir,\n  lang,\n}) => {\n  const { popoverOpen, setPopoverOpen, popoverPosition } =\n    useContext(EditorContext);\n\n  if (!popoverOpen || !popoverPosition) {\n    return null;\n  }\n\n  return (\n    <Popover open={popoverOpen} onOpenChange={setPopoverOpen}>\n      <PopoverAnchor\n        style={{\n          position: \"fixed\",\n          left: `${popoverPosition.x}px`,\n          top: `${popoverPosition.y}px`,\n          width: 0,\n          height: 0,\n        }}\n      />\n      <PopoverContent\n        className={cn(\n          \"p-0 border-0 shadow-none bg-transparent w-auto\",\n          className\n        )}\n        align=\"start\"\n        dir={dir}\n        lang={lang}\n        sideOffset={5}\n      >\n        {children}\n      </PopoverContent>\n    </Popover>\n  );\n};\n\nCustomPopover.displayName = \"CustomPopover\";\n\nexport default CustomPopover;\n"],"names":["CustomPopover","children","className","dir","lang","popoverOpen","setPopoverOpen","popoverPosition","useContext","EditorContext","jsxs","Popover","jsx","PopoverAnchor","PopoverContent","cn"],"mappings":"6QAqBMA,EAAiD,CAAC,CACtD,SAAAC,EACA,UAAAC,EACA,IAAAC,EACA,KAAAC,CACF,IAAM,CACJ,KAAM,CAAE,YAAAC,EAAa,eAAAC,EAAgB,gBAAAC,CAAA,EACnCC,EAAAA,WAAWC,EAAAA,OAAa,EAE1B,MAAI,CAACJ,GAAe,CAACE,EACZ,KAIPG,EAAAA,KAACC,EAAAA,QAAA,CAAQ,KAAMN,EAAa,aAAcC,EACxC,SAAA,CAAAM,EAAAA,IAACC,EAAAA,cAAA,CACC,MAAO,CACL,SAAU,QACV,KAAM,GAAGN,EAAgB,CAAC,KAC1B,IAAK,GAAGA,EAAgB,CAAC,KACzB,MAAO,EACP,OAAQ,CAAA,CACV,CAAA,EAEFK,EAAAA,IAACE,EAAAA,eAAA,CACC,UAAWC,EAAAA,GACT,iDACAb,CAAA,EAEF,MAAM,QACN,IAAAC,EACA,KAAAC,EACA,WAAY,EAEX,SAAAH,CAAA,CAAA,CACH,EACF,CAEJ,EAEAD,EAAc,YAAc"}

package/dist/components/MarkdownFlowEditor/components/CustomPopover.d.ts

@@ -1,17 +0,0 @@
-import { default as React } from 'react';
-import { MarkdownFlowDirection } from '../../../lib/locale.js';
-type CustomPopoverProps = {
-    children?: React.ReactNode;
-};
-export interface CustomPopoverAllProps extends CustomPopoverProps {
-    className?: string;
-    /**
-     * Sets "ltr" or "rtl" on the popover content, including its reading and layout direction.
-     * When omitted, the content inherits direction from its portal container, not the trigger.
-     */
-    dir?: MarkdownFlowDirection;
-    /** Language of the detached popover content. */
-    lang?: string;
-}
-declare const CustomPopover: React.FC<CustomPopoverAllProps>;
-export default CustomPopover;

package/dist/components/MarkdownFlowEditor/components/CustomPopover.es.js

@@ -1,46 +0,0 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { useContext as a } from "react";
-import { Popover as f, PopoverAnchor as d, PopoverContent as l } from "../../ui/popover.es.js";
-import x from "../editor-context.es.js";
-import { cn as u } from "../../../lib/utils.es.js";
-const v = ({
-  children: r,
-  className: p,
-  dir: n,
-  lang: s
-}) => {
-  const { popoverOpen: e, setPopoverOpen: i, popoverPosition: o } = a(x);
-  return !e || !o ? null : /* @__PURE__ */ m(f, { open: e, onOpenChange: i, children: [
-    /* @__PURE__ */ t(
-      d,
-      {
-        style: {
-          position: "fixed",
-          left: `${o.x}px`,
-          top: `${o.y}px`,
-          width: 0,
-          height: 0
-        }
-      }
-    ),
-    /* @__PURE__ */ t(
-      l,
-      {
-        className: u(
-          "p-0 border-0 shadow-none bg-transparent w-auto",
-          p
-        ),
-        align: "start",
-        dir: n,
-        lang: s,
-        sideOffset: 5,
-        children: r
-      }
-    )
-  ] });
-};
-v.displayName = "CustomPopover";
-export {
-  v as default
-};
-//# sourceMappingURL=CustomPopover.es.js.map

package/dist/components/MarkdownFlowEditor/components/CustomPopover.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomPopover.es.js","sources":["../../../../src/components/MarkdownFlowEditor/components/CustomPopover.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { Popover, PopoverContent, PopoverAnchor } from \"../../ui/popover\";\nimport EditorContext from \"../editor-context\";\nimport type { MarkdownFlowDirection } from \"../../../lib/locale\";\nimport { cn } from \"../../../lib/utils\";\n\ntype CustomPopoverProps = {\n  children?: React.ReactNode;\n};\n\nexport interface CustomPopoverAllProps extends CustomPopoverProps {\n  className?: string;\n  /**\n   * Sets \"ltr\" or \"rtl\" on the popover content, including its reading and layout direction.\n   * When omitted, the content inherits direction from its portal container, not the trigger.\n   */\n  dir?: MarkdownFlowDirection;\n  /** Language of the detached popover content. */\n  lang?: string;\n}\n\nconst CustomPopover: React.FC<CustomPopoverAllProps> = ({\n  children,\n  className,\n  dir,\n  lang,\n}) => {\n  const { popoverOpen, setPopoverOpen, popoverPosition } =\n    useContext(EditorContext);\n\n  if (!popoverOpen || !popoverPosition) {\n    return null;\n  }\n\n  return (\n    <Popover open={popoverOpen} onOpenChange={setPopoverOpen}>\n      <PopoverAnchor\n        style={{\n          position: \"fixed\",\n          left: `${popoverPosition.x}px`,\n          top: `${popoverPosition.y}px`,\n          width: 0,\n          height: 0,\n        }}\n      />\n      <PopoverContent\n        className={cn(\n          \"p-0 border-0 shadow-none bg-transparent w-auto\",\n          className\n        )}\n        align=\"start\"\n        dir={dir}\n        lang={lang}\n        sideOffset={5}\n      >\n        {children}\n      </PopoverContent>\n    </Popover>\n  );\n};\n\nCustomPopover.displayName = \"CustomPopover\";\n\nexport default CustomPopover;\n"],"names":["CustomPopover","children","className","dir","lang","popoverOpen","setPopoverOpen","popoverPosition","useContext","EditorContext","jsxs","Popover","jsx","PopoverAnchor","PopoverContent","cn"],"mappings":";;;;;AAqBA,MAAMA,IAAiD,CAAC;AAAA,EACtD,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC;AACF,MAAM;AACJ,QAAM,EAAE,aAAAC,GAAa,gBAAAC,GAAgB,iBAAAC,EAAA,IACnCC,EAAWC,CAAa;AAE1B,SAAI,CAACJ,KAAe,CAACE,IACZ,OAIP,gBAAAG,EAACC,GAAA,EAAQ,MAAMN,GAAa,cAAcC,GACxC,UAAA;AAAA,IAAA,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU;AAAA,UACV,MAAM,GAAGN,EAAgB,CAAC;AAAA,UAC1B,KAAK,GAAGA,EAAgB,CAAC;AAAA,UACzB,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,IAEF,gBAAAK;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,UACT;AAAA,UACAb;AAAA,QAAA;AAAA,QAEF,OAAM;AAAA,QACN,KAAAC;AAAA,QACA,MAAAC;AAAA,QACA,YAAY;AAAA,QAEX,UAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;AAEAD,EAAc,cAAc;"}

package/dist/components/MarkdownFlowEditor/components/VariableSearchDropdown.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),a=require("react"),q=require("../../ui/input.cjs"),R=require("../../../lib/utils.cjs"),I=require("../../../node_modules/lucide-react/dist/esm/icons/search.cjs"),V=({open:u,anchorElement:r,onClose:l,onSelect:j,variables:N,systemVariables:L,labels:h})=>{const f=a.useRef(null),M=a.useRef(null),[k,D]=a.useState(""),[C,$]=a.useState({left:0,top:0}),[x,o]=a.useState(-1),v=a.useCallback(()=>{if(!r)return;const e=r.getBoundingClientRect(),t=r.ownerDocument,n=t.defaultView;if(!n)return;const c=f.current?.getBoundingClientRect().width??0,w=n.getComputedStyle(r).direction==="rtl"?e.right-c:e.left,b=Math.max(8,t.documentElement.clientWidth-c-8);$({left:Math.min(Math.max(8,w),b),top:e.bottom+8})},[r]);a.useEffect(()=>{if(!u){D(""),o(-1);return}const e=r?.ownerDocument.defaultView;if(!e)return;v();const t=e.setTimeout(()=>{M.current?.focus()},0),n=w=>{const b=w.target;f.current&&!f.current.contains(b)&&r&&!r.contains(b)&&l()},c=()=>v();return e.addEventListener("mousedown",n),e.addEventListener("scroll",c,!0),e.addEventListener("resize",c),()=>{e.clearTimeout(t),e.removeEventListener("mousedown",n),e.removeEventListener("scroll",c,!0),e.removeEventListener("resize",c)}},[u,r,l,v]);const p=k.trim().toLowerCase(),g=a.useCallback(e=>{if(!p)return!0;const t=e.name.toLowerCase().includes(p),n=e.label?e.label.toLowerCase().includes(p):!1;return t||n},[p]),m=a.useMemo(()=>L.filter(g),[L,g]),d=a.useMemo(()=>N.filter(g),[N,g]),i=a.useMemo(()=>[...m.map(e=>({group:"system",variable:e})),...d.map(e=>({group:"custom",variable:e}))],[m,d]),S=a.useMemo(()=>{const e=new Map;return i.forEach((t,n)=>{e.set(`${t.group}-${t.variable.name}`,n)}),e},[i]);a.useEffect(()=>{(!u||!i.length)&&o(-1)},[u,i.length]);const y=a.useCallback(e=>{j(e),l()},[l,j]),E=e=>{if(!i.length){e.key==="Escape"&&l();return}if(e.key==="ArrowDown")e.preventDefault(),o(t=>(t+1)%i.length);else if(e.key==="ArrowUp")e.preventDefault(),o(t=>t<=0?i.length-1:t-1);else if(e.key==="Enter"){e.preventDefault();const t=i[x];t&&y(t.variable)}else e.key==="Escape"&&(e.preventDefault(),l())};return u?s.jsxs("div",{ref:f,className:"markdown-flow-editor-variable-search",style:{position:"fixed",left:`${C.left}px`,top:`${C.top}px`},children:[s.jsxs("div",{className:"relative",children:[s.jsx(I.default,{className:"variable-search-icon"}),s.jsx(q.Input,{ref:M,value:k,placeholder:h.searchPlaceholder,onChange:e=>D(e.target.value),onKeyDown:E,className:"variable-search-input"})]}),s.jsxs("div",{className:"variable-search-list",children:[m.length>0&&s.jsxs("div",{className:"variable-search-section",children:[s.jsx("p",{className:"variable-search-section-title",children:h.systemLabel}),m.map(e=>{const t=S.get(`system-${e.name}`)??-1,n=x===t;return s.jsxs("button",{type:"button",onClick:()=>y(e),onMouseEnter:()=>{t>=0&&o(t)},className:R.cn("variable-search-item",n&&"variable-search-item-active"),children:[s.jsx("span",{className:"variable-search-item-name",children:e.name}),e.label&&s.jsx("span",{className:"variable-search-item-label",children:e.label})]},`system-${e.name}`)})]}),d.length>0&&s.jsxs("div",{className:"variable-search-section",children:[s.jsx("p",{className:"variable-search-section-title",children:h.customLabel}),d.map(e=>{const t=S.get(`custom-${e.name}`)??-1,n=x===t;return s.jsxs("button",{type:"button",onClick:()=>y(e),onMouseEnter:()=>{t>=0&&o(t)},className:R.cn("variable-search-item",n&&"variable-search-item-active"),children:[s.jsx("span",{className:"variable-search-item-name",children:e.name}),e.label&&s.jsx("span",{className:"variable-search-item-label",children:e.label})]},`custom-${e.name}`)})]}),m.length===0&&d.length===0&&s.jsx("div",{className:"variable-search-empty",children:h.emptyLabel})]})]}):null};exports.default=V;
-//# sourceMappingURL=VariableSearchDropdown.cjs.map

package/dist/components/MarkdownFlowEditor/components/VariableSearchDropdown.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"VariableSearchDropdown.cjs","sources":["../../../../src/components/MarkdownFlowEditor/components/VariableSearchDropdown.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Search } from \"lucide-react\";\nimport { Variable } from \"../types\";\nimport { Input } from \"../../ui/input\";\nimport { cn } from \"../../../lib/utils\";\n\ninterface VariableSearchDropdownProps {\n  open: boolean;\n  anchorElement: HTMLElement | null;\n  onClose: () => void;\n  onSelect: (variable: Variable) => void;\n  variables: Variable[];\n  systemVariables: Variable[];\n  labels: {\n    searchPlaceholder: string;\n    systemLabel: string;\n    customLabel: string;\n    emptyLabel: string;\n  };\n}\n\nconst VariableSearchDropdown: React.FC<VariableSearchDropdownProps> = ({\n  open,\n  anchorElement,\n  onClose,\n  onSelect,\n  variables,\n  systemVariables,\n  labels,\n}) => {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const [query, setQuery] = useState(\"\");\n  const [position, setPosition] = useState({ left: 0, top: 0 });\n  const [highlightIndex, setHighlightIndex] = useState(-1);\n\n  const updatePosition = useCallback(() => {\n    if (!anchorElement) return;\n    const rect = anchorElement.getBoundingClientRect();\n    const doc = anchorElement.ownerDocument;\n    const view = doc.defaultView;\n    if (!view) return;\n    const width = containerRef.current?.getBoundingClientRect().width ?? 0;\n    const desiredLeft =\n      view.getComputedStyle(anchorElement).direction === \"rtl\"\n        ? rect.right - width\n        : rect.left;\n    const maxLeft = Math.max(8, doc.documentElement.clientWidth - width - 8);\n    setPosition({\n      left: Math.min(Math.max(8, desiredLeft), maxLeft),\n      top: rect.bottom + 8,\n    });\n  }, [anchorElement]);\n\n  useEffect(() => {\n    if (!open) {\n      setQuery(\"\");\n      setHighlightIndex(-1);\n      return;\n    }\n    const view = anchorElement?.ownerDocument.defaultView;\n    if (!view) return;\n    updatePosition();\n    const focusTimer = view.setTimeout(() => {\n      inputRef.current?.focus();\n    }, 0);\n    const handleClick = (event: MouseEvent) => {\n      const target = event.target as Node | null;\n      if (\n        containerRef.current &&\n        !containerRef.current.contains(target) &&\n        anchorElement &&\n        !anchorElement.contains(target)\n      ) {\n        onClose();\n      }\n    };\n    const handleScroll = () => updatePosition();\n    view.addEventListener(\"mousedown\", handleClick);\n    view.addEventListener(\"scroll\", handleScroll, true);\n    view.addEventListener(\"resize\", handleScroll);\n\n    return () => {\n      view.clearTimeout(focusTimer);\n      view.removeEventListener(\"mousedown\", handleClick);\n      view.removeEventListener(\"scroll\", handleScroll, true);\n      view.removeEventListener(\"resize\", handleScroll);\n    };\n  }, [open, anchorElement, onClose, updatePosition]);\n\n  const normalizedQuery = query.trim().toLowerCase();\n  const filterVariable = useCallback(\n    (variable: Variable) => {\n      if (!normalizedQuery) return true;\n      const nameMatch = variable.name.toLowerCase().includes(normalizedQuery);\n      const labelMatch = variable.label\n        ? variable.label.toLowerCase().includes(normalizedQuery)\n        : false;\n      return nameMatch || labelMatch;\n    },\n    [normalizedQuery]\n  );\n\n  const filteredSystemVariables = useMemo(\n    () => systemVariables.filter(filterVariable),\n    [systemVariables, filterVariable]\n  );\n  const filteredCustomVariables = useMemo(\n    () => variables.filter(filterVariable),\n    [variables, filterVariable]\n  );\n\n  const orderedItems = useMemo(\n    () => [\n      ...filteredSystemVariables.map((variable) => ({\n        group: \"system\" as const,\n        variable,\n      })),\n      ...filteredCustomVariables.map((variable) => ({\n        group: \"custom\" as const,\n        variable,\n      })),\n    ],\n    [filteredSystemVariables, filteredCustomVariables]\n  );\n\n  const indexesByKey = useMemo(() => {\n    const map = new Map<string, number>();\n    orderedItems.forEach((item, index) => {\n      map.set(`${item.group}-${item.variable.name}`, index);\n    });\n    return map;\n  }, [orderedItems]);\n\n  useEffect(() => {\n    if (!open || !orderedItems.length) {\n      setHighlightIndex(-1);\n    }\n  }, [open, orderedItems.length]);\n\n  const handleSelect = useCallback(\n    (variable: Variable) => {\n      onSelect(variable);\n      onClose();\n    },\n    [onClose, onSelect]\n  );\n\n  const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (!orderedItems.length) {\n      if (event.key === \"Escape\") {\n        onClose();\n      }\n      return;\n    }\n    if (event.key === \"ArrowDown\") {\n      event.preventDefault();\n      setHighlightIndex((prev) => (prev + 1) % orderedItems.length);\n    } else if (event.key === \"ArrowUp\") {\n      event.preventDefault();\n      setHighlightIndex((prev) =>\n        prev <= 0 ? orderedItems.length - 1 : prev - 1\n      );\n    } else if (event.key === \"Enter\") {\n      event.preventDefault();\n      const item = orderedItems[highlightIndex];\n      if (item) {\n        handleSelect(item.variable);\n      }\n    } else if (event.key === \"Escape\") {\n      event.preventDefault();\n      onClose();\n    }\n  };\n\n  if (!open) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"markdown-flow-editor-variable-search\"\n      style={{\n        position: \"fixed\",\n        left: `${position.left}px`,\n        top: `${position.top}px`,\n      }}\n    >\n      <div className=\"relative\">\n        <Search className=\"variable-search-icon\" />\n        <Input\n          ref={inputRef}\n          value={query}\n          placeholder={labels.searchPlaceholder}\n          onChange={(event) => setQuery(event.target.value)}\n          onKeyDown={handleInputKeyDown}\n          className=\"variable-search-input\"\n        />\n      </div>\n      <div className=\"variable-search-list\">\n        {filteredSystemVariables.length > 0 && (\n          <div className=\"variable-search-section\">\n            <p className=\"variable-search-section-title\">\n              {labels.systemLabel}\n            </p>\n            {filteredSystemVariables.map((variable) => {\n              const index = indexesByKey.get(`system-${variable.name}`) ?? -1;\n              const isActive = highlightIndex === index;\n              return (\n                <button\n                  key={`system-${variable.name}`}\n                  type=\"button\"\n                  onClick={() => handleSelect(variable)}\n                  onMouseEnter={() => {\n                    if (index >= 0) {\n                      setHighlightIndex(index);\n                    }\n                  }}\n                  className={cn(\n                    \"variable-search-item\",\n                    isActive && \"variable-search-item-active\"\n                  )}\n                >\n                  <span className=\"variable-search-item-name\">\n                    {variable.name}\n                  </span>\n                  {variable.label && (\n                    <span className=\"variable-search-item-label\">\n                      {variable.label}\n                    </span>\n                  )}\n                </button>\n              );\n            })}\n          </div>\n        )}\n\n        {filteredCustomVariables.length > 0 && (\n          <div className=\"variable-search-section\">\n            <p className=\"variable-search-section-title\">\n              {labels.customLabel}\n            </p>\n            {filteredCustomVariables.map((variable) => {\n              const index = indexesByKey.get(`custom-${variable.name}`) ?? -1;\n              const isActive = highlightIndex === index;\n              return (\n                <button\n                  key={`custom-${variable.name}`}\n                  type=\"button\"\n                  onClick={() => handleSelect(variable)}\n                  onMouseEnter={() => {\n                    if (index >= 0) {\n                      setHighlightIndex(index);\n                    }\n                  }}\n                  className={cn(\n                    \"variable-search-item\",\n                    isActive && \"variable-search-item-active\"\n                  )}\n                >\n                  <span className=\"variable-search-item-name\">\n                    {variable.name}\n                  </span>\n                  {variable.label && (\n                    <span className=\"variable-search-item-label\">\n                      {variable.label}\n                    </span>\n                  )}\n                </button>\n              );\n            })}\n          </div>\n        )}\n\n        {filteredSystemVariables.length === 0 &&\n          filteredCustomVariables.length === 0 && (\n            <div className=\"variable-search-empty\">{labels.emptyLabel}</div>\n          )}\n      </div>\n    </div>\n  );\n};\n\nexport default VariableSearchDropdown;\n"],"names":["VariableSearchDropdown","open","anchorElement","onClose","onSelect","variables","systemVariables","labels","containerRef","useRef","inputRef","query","setQuery","useState","position","setPosition","highlightIndex","setHighlightIndex","updatePosition","useCallback","rect","doc","view","width","desiredLeft","maxLeft","useEffect","focusTimer","handleClick","event","target","handleScroll","normalizedQuery","filterVariable","variable","nameMatch","labelMatch","filteredSystemVariables","useMemo","filteredCustomVariables","orderedItems","indexesByKey","map","item","index","handleSelect","handleInputKeyDown","prev","jsxs","jsx","Search","Input","isActive","cn"],"mappings":"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"}

package/dist/components/MarkdownFlowEditor/components/VariableSearchDropdown.d.ts

@@ -1,18 +0,0 @@
-import { default as React } from 'react';
-import { Variable } from '../types.js';
-interface VariableSearchDropdownProps {
-    open: boolean;
-    anchorElement: HTMLElement | null;
-    onClose: () => void;
-    onSelect: (variable: Variable) => void;
-    variables: Variable[];
-    systemVariables: Variable[];
-    labels: {
-        searchPlaceholder: string;
-        systemLabel: string;
-        customLabel: string;
-        emptyLabel: string;
-    };
-}
-declare const VariableSearchDropdown: React.FC<VariableSearchDropdownProps>;
-export default VariableSearchDropdown;