@loafmarkets/ui 0.1.341 → 0.1.342

package/dist/index.js

@@ -1731,21 +1731,6 @@ function useAmountChangeFlash(ref, amount, side) {
     prevAmountRef.current = amount;
   }, [amount, ref, side]);
 }
-function useMidPriceFlash(ref, midPrice, restBgColor) {
-  const prevMidRef = React5__namespace.useRef(midPrice);
-  React5__namespace.useEffect(() => {
-    const prev = prevMidRef.current;
-    const node = ref.current;
-    if (prev !== midPrice && prev > 0 && midPrice > 0 && node && typeof node.animate === "function") {
-      const color = midPrice > prev ? FLASH_UP_COLOR : FLASH_DOWN_COLOR;
-      node.animate(
-        [{ backgroundColor: color }, { backgroundColor: restBgColor }],
-        { duration: FLASH_DURATION_MS, easing: "ease-out" }
-      );
-    }
-    prevMidRef.current = midPrice;
-  }, [midPrice, ref, restBgColor]);
-}
 function ExternalLinkIcon() {
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 9L9 1M9 1H4M9 1V6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
@@ -2089,8 +2074,6 @@ function DesktopOrderbookLayout({
   compactLevelCount: _compactLevelCount,
   fillHeight
 }) {
-  const midRef = React5__namespace.useRef(null);
-  useMidPriceFlash(midRef, midPrice, "#0b1a24");
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 pt-4", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
@@ -2218,7 +2201,6 @@ function DesktopOrderbookLayout({
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            ref: midRef,
             className: "flex items-center gap-2 bg-[#0b1a24] px-3 py-2 flex-shrink-0 overflow-hidden orderbook-mid-row",
             children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-lg font-semibold tabular-nums whitespace-nowrap orderbook-mid-price", midClass), children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { width: 110, height: 20 }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               "$",
@@ -2287,8 +2269,6 @@ function MobileOrderbookLayout({
   levelCount: _levelCount,
   compactLevelCount: effectiveCompactLevels
 }) {
-  const midRef = React5__namespace.useRef(null);
-  useMidPriceFlash(midRef, midPrice, "transparent");
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 pt-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -2374,7 +2354,6 @@ function MobileOrderbookLayout({
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          ref: midRef,
           className: "grid",
           style: {
             gridTemplateColumns: "1.2fr 0.8fr",